html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--darkColor: #171219;--greenColor: #5DA271;--linkColor: #FFE66D;--pinkColor: #8E5572;--pinkGreenGrad: linear-gradient(to bottom right, #8E5572, #5DA271);--greenPinkGrad: linear-gradient(to bottom right, #5DA271, #8E5572);--fontMed: 24px;--fontSmall: 18px;--fontLarge: 32px }body{font-family:Roboto,sans-serif;background:var(--darkColor);color:#fff}.nav-container{display:flex;justify-content:space-between;flex-direction:column;margin:0 auto}.nav{width:80%;background:var(--pinkGreenGrad)}.navlink-container{min-height:30px;padding:10px;border:var(--darkColor) 5px solid}.navlink-container:hover a{color:var(--linkColor)}.navlink-container a{text-decoration:none;color:var(--darkColor);font-size:var(--fontMed);font-weight:bolder}.menu-btn-container{border-bottom:var(--greenColor) 2px solid;width:100%}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:90px;padding:10px 15px;background-color:transparent;border:none;position:relative}.menu-btn .m-span{background-color:var(--greenColor);width:50px;height:5px;border-radius:10px;transform-origin:center center}.active{width:70px;height:90px}.active .m-span{position:absolute;width:50px;background-color:var(--greenColor)}.active .m-span:nth-child(2n){display:none}.active .m-span:nth-child(1){transform:rotate(45deg)}.active .m-span:nth-child(3){transform:rotate(-45deg)}@media screen and (min-width: 460px){.menu-btn-container{display:none}.nav-container{max-width:1600px;margin:0 auto 60px 0;flex-direction:row-reverse}.nav{display:flex;background:var(--darkColor);margin-top:30px;border-top:10px solid;border-image:var(--pinkGreenGrad) 1 0 0 0 stretch;border-image-slice:1;justify-content:space-between;padding-right:40px;width:80%}.navlink-container{border:var(--pinkColor) 2px solid;border-top:none}.navlink-container a{color:#fff;font-size:var(--fontSmall);font-weight:400}@media screen and (min-width: 630px){.nav{display:flex;justify-content:start;gap:30px}}}footer{position:relative;margin-top:40px}footer nav{position:sticky;bottom:0;width:100%}.footer-nav{display:flex;justify-content:center;gap:30px;padding:10px}.footer-nav img{max-height:40px}.main-container{max-width:400px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding-left:20px}.pitch h1{margin-top:30px;color:var(--greenColor);font-size:var(--fontLarge);text-align:center}.pitch p{font-size:var(--fontSmall);max-width:400px;text-align:center;line-height:1.33;margin:20px 0}.hire{text-decoration:none;color:var(--linkColor)}.hire:hover{text-decoration:underline}.profilePic{margin-top:60px}@media screen and (min-width: 670px){.main-container{display:flex;flex-direction:row;max-width:1400px;align-items:center;gap:10%}.pitch{margin-top:100px}.pitch h1{text-align:left;font-size:48px}.pitch p{font-size:20px;line-height:1.33;text-align:left;max-width:700px;min-width:none}}.form-container{max-width:95%;margin:20px auto}.form{background-color:var(--greenColor);display:flex;flex-direction:column}.form-group1,.form-group{display:flex;flex-direction:column}.form-group1 input,.form-group textarea,.form-group button{min-width:80%;margin:15px auto 0;background-color:#e4a6b0}.form input,.form button{min-height:40px}.form button{background:var(--darkColor);color:var(--linkColor);border:var(--linkColor) 1px solid}.form button:hover{background:var(--linkColor);color:var(--darkColor)}@media screen and (min-width: 460px){.form-container{max-width:70%;margin:30px 45px}.form-group1{flex-direction:row}.form{border-color:var(--pinkColor);border-width:2px 2px 2px 15px;border-style:solid}.form-group1 input{min-width:30%;margin:15px auto 0;background-color:#e4a6b0}}.card-container{margin-top:30px}.card-title-group h1{font-size:var(--fontLarge);text-align:center}.card-title-group .div{border-bottom:10px solid;border-image:var(--pinkGreenGrad)1 0 0 0 stretch;border-image-slice:1;max-width:600px;margin:8px auto}@media screen and (min-width: 460px){.card-border{padding:10px 0;border-style:solid;border-image:var(--greenPinkGrad) 1 1 1 1 stretch;border-width:2px 5px 2px 20px;max-width:800px;margin:0 auto}.card-title-group,.card-title-group .div{margin:20px;max-width:300px}}.resume-container{max-width:700px;margin:0 auto;padding:0 20px}.resume-container p{margin:10px 0}.resume-container a{text-decoration:none;color:var(--linkColor)}.resume-container a:hover{text-decoration:underline}.projects-top{margin-top:60px}.projects-container{display:flex;flex-direction:column}.project-img img{max-height:100px}.project-img{margin:0 auto}.project-title h1{font-size:var(--fontMed);text-align:center;margin:20px 0;color:var(--greenColor)}.project-desc-container{max-width:400px;margin:0 auto;padding:0 8px;text-align:center}.project-link-group{max-width:320px;display:flex;justify-content:space-around;margin:40px auto}.project-link-group a{text-decoration:none;color:var(--linkColor)}.project-link-group a:hover{text-decoration:underline}.projects-list-container{margin:60px auto;max-width:400px;text-align:center}.projects-list-container h1{font-size:var(--fontMed);color:var(--pinkColor)}.projects-list{display:flex;flex-wrap:wrap;margin:20px 0;padding:10px;border-style:solid;border-image:var(--greenPinkGrad) 1 1 1 1 stretch;border-width:4px;gap:20px}.projects-list a{color:var(--linkColor);text-decoration:none}.projects-list a:hover{text-decoration:underline}.project-tech-list{padding:10px 0;display:flex;flex-wrap:wrap;max-width:60%;margin:10px auto;text-transform:uppercase;font-size:small;gap:20px;list-style:square;justify-content:center;border-top:var(--pinkColor) solid;border-bottom:var(--greenColor) solid}@media screen and (min-width: 630px){.project-img{margin:20px 30px}.project-img img{border:var(--pinkColor) 4px solid}.project-title h1{text-align:left;margin:20px 50px;font-size:var(--fontLarge)}.project-desc-container{text-align:left;margin:0 40px;border-image:var(--pinkGreenGrad) 0 0 0 1 stretch;border-image-slice:1;border-left:8px solid;justify-content:space-between}.project-container{display:flex;margin-bottom:50px}.projects-list-container{max-width:190px}.projects-list-container h1{font-size:var(--fontLarge)}.project-tech-list{justify-content:left;margin:10px 0 10px 60px}}