*{box-sizing:border-box}html{font-size:85%}html,body,#root{min-height:100%;margin:0}button,input,textarea,select{font:inherit}body{background-color:#4a4a4a;font-family:Quicksand,sans-serif}#app{background-color:#fff;border:.06rem solid #4a4a4a;border-radius:.5rem;width:85%;min-width:64rem;max-width:64rem;height:85%;margin:3rem auto;padding-top:.8rem;padding-bottom:2rem}.linksList{flex-direction:row;justify-content:flex-end;gap:.6rem;width:90%;margin:2rem auto 1rem;padding:0;list-style:none;display:flex}.linksList a{color:#4a4a4a;font-size:1.3rem;font-weight:450;text-decoration:none}.linksList a.selected{color:#c30010}.linksList li:not(:last-child):after{content:"|";margin-left:.6rem}.mainPage{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin-top:2rem;display:flex}.hero{background-color:inherit;width:85%}.logo{width:20rem;height:20rem;margin:.5rem auto 0}.logoSmall{width:17rem;height:17rem;margin:0 auto}h1{color:#4a4a4a;margin:0 auto .2rem;font-size:4.8rem;font-weight:400}h3{color:#c30010;margin:0;font-size:1.7rem;font-weight:500}h4{color:#4a4a4a;text-align:right;width:85%;margin:0 auto;font-size:1.2rem;font-weight:500}p{color:#4a4a4a;margin:0;font-size:1.1rem;font-weight:450;line-height:1.4rem}.sectionHeading{color:#4a4a4a;text-align:left;width:85%;margin:0 auto 1rem;font-size:2.2rem;font-weight:450}.subHeading{margin:0;font-size:1.2rem;font-weight:500}.child{flex-direction:column;justify-content:flex-start;width:85%;display:flex}.home .child1{margin:0}.home .child2{grid-template-columns:1fr 1fr;gap:1rem;width:80%;margin-bottom:3rem;display:grid}.sectionModule{border:.03rem solid #4a4a4a;border-radius:.5rem;flex-direction:column;width:100%;min-height:10rem;padding:1.2rem;display:flex}.moduleHeading{color:#c30010;font-size:1.2rem}.home .child3{width:80%;margin-bottom:2.5rem}.whatIBuild .child1{width:85%;margin:.2rem 0 2.5rem}.whatIBuild .child2{grid-template-columns:1fr;gap:1rem;width:60%;margin-bottom:2.5rem;display:grid}.whatIBuild .child3{grid-template-columns:repeat(4,11rem);justify-content:center;place-items:center;gap:1rem;margin:1.25rem 0 3rem;display:grid}.whatIBuild .child4{flex-direction:row;width:75%;margin:.5rem 0 2.5rem;display:flex}.child4a{width:40%;padding-right:1.5rem}.child4b{width:60%}.dividerLine{border-top:.05rem solid #d3d3d3;width:100%;margin:0 auto}.vsCodeImg{border:.05rem solid #d3d3d3;border-radius:.5rem;width:100%;height:auto}.techThumb{border:.03rem solid #c30010;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;min-width:11rem;height:3rem;display:flex}.selectedWork .child{width:80%}.selectedWork .child1{margin-top:.5rem;margin-bottom:2.75rem}.selectedWork .child2,.selectedWork .child3{margin-bottom:2.75rem}.projectThumb{width:100%;margin:0 auto}.aboutThumb{color:#c30010;border:.03rem solid #c30010;border-radius:.5rem;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:100%;height:3rem;font-size:1.2rem;display:flex}.aboutText{width:85%;margin:.2rem auto .5rem}.hobbyIcons{width:80%;margin:1rem auto}.aboutMe .child{width:80%;margin:.5rem auto 2.5rem}.contact .child{width:75%;margin:.5rem auto}form{flex-direction:column;display:flex}form>label{margin-bottom:.15rem}form>input,form>select{border:.03rem solid #4a4a4a;border-radius:.2rem;width:50%;height:1.6rem;margin-bottom:.8rem;padding-left:.25rem}form>select{height:1.75rem;padding:0}form>textarea{border:.03rem solid #4a4a4a;border-radius:.2rem;max-width:85%;margin-bottom:.7rem;padding:.25rem}.pageBtn{color:#4a4a4a;background-color:#fff;border:.03rem solid #4a4a4a;border-radius:.31rem;justify-content:center;align-items:center;width:14rem;height:2.7rem;font-family:inherit;font-size:1rem;font-weight:400;text-decoration:none;display:inline-flex}.pageBtn:hover{color:#fff;background:#4a4a4a}.mainPage .admin{padding-top:5rem}.admin .child{border:.03rem solid #c30010;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:50%;height:28rem;margin:2.5rem auto 1.5rem;padding:2.5rem;display:flex}.admin input{width:100%;height:1.6rem;padding-left:.25rem}
