body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}footer{align-items:center;background-color:#002333;color:#fcfcfd;display:flex;flex-wrap:wrap;justify-content:center;padding-left:10%;padding-right:5%;padding-top:5%}footer .line{border:2px solid #fcfcfd;height:17.5px;margin-right:3%}footer .icon{height:40px;margin-right:1%}footer .icon:hover{zoom:1.05;filter:brightness(60%)}footer .footerLink{color:#fcfcfd;font-size:large;margin-right:3%;text-decoration:none}footer .footerLink:hover{color:#b4bec8;font-size:larger}footer .footerLink:active{font-size:larger}footer .copyright{font-size:smaller;margin-bottom:3%;margin-top:2%}footer .break{flex-basis:100%}.home{background-color:#d9d9d9;padding-bottom:5%;padding-top:20%}.home .introduction{color:#002333;font-family:Roboto Mono;font-size:350%;text-align:center}.home .introduction .name{color:#149a9b}.home .description{font-family:Roboto;font-size:125%;text-align:center}.home .arrow{display:block;margin-left:auto;margin-right:auto;margin-top:15%;width:4%}.home .arrow:hover{width:5%}.about{background-color:#0a3041;color:#fcfcfd;padding-bottom:10%;padding-top:10%;text-align:center}.about .title{font-size:250%;font-weight:600}.about .underline{background-color:#fcfcfd;height:2px;width:15%}.about .subtitles{display:flex;justify-content:space-around;padding-top:5%}.about .subtitles .subtitle{font-family:Roboto Mono;font-size:200%;letter-spacing:2px}.about .aboutDetails{display:flex}.about .aboutDetails .aboutInfo{margin-top:2%;padding-left:5%;width:50%}.about .aboutDetails .skills{align-items:start;display:flex;flex-wrap:wrap;height:200px;justify-content:space-evenly;margin-top:5%;padding-left:5%;width:50%}.projects{background-color:#d9d9d9;padding-bottom:10%;padding-top:10%;text-align:center}.projects .title{color:#002333;font-size:250%;font-weight:600}.projects .description{color:#002333}.projects .projectList{align-items:start;display:flex;flex-wrap:wrap;justify-content:space-around}.projects .projectButton{background:linear-gradient(272deg,#149a9b,#c0dace);border:none;border-radius:50px;color:#002333;font-family:Mulish;font-size:large;font-weight:700;margin-top:8%;padding-bottom:1%;padding-top:1%;text-align:center;width:20%}.projects .projectButton:hover{filter:drop-shadow(3px 6px 20px #149A9B);font-size:larger}.contact{background-color:#b4bec8;padding-bottom:10%;padding-top:10%;text-align:center}.contact .title{color:#002333;font-size:250%;font-weight:600}.contact .contactContainer{display:flex;justify-content:center;margin-top:5%}.contact .contactContainer .contactForm{align-items:start;background-color:#b0d9d4;color:#002333;display:flex;flex-direction:column;padding-bottom:3%;padding-top:5%;width:50%}.contact .contactContainer .contactForm .subtitle{font-size:130%;margin-left:10%}.contact .contactContainer .contactForm .inputBox{font-size:100%;margin-bottom:4%}.contact .contactContainer .contactForm .inputBox,.contact .contactContainer .contactForm .largeInputBox{background-color:#cfe9e3;border:none;border-radius:15px;margin-left:10%;margin-top:2%;padding-bottom:1%;padding-left:2%;padding-top:1%;width:78%}.contact .contactContainer .contactForm .largeInputBox{font-size:110%;height:120px;margin-bottom:8%;resize:vertical}.contact .contactContainer .contactForm .submitButton{align-self:end;background:linear-gradient(272deg,#149a9b,#c0dace);border:none;border-radius:20px;color:#002333;font-family:Mulish;font-size:large;font-weight:700;margin-right:9%;padding-bottom:1%;padding-top:1%;text-align:center;width:20%}.contact .contactContainer .contactForm .submitButton:hover{filter:drop-shadow(3px 6px 20px #149A9B);font-size:larger}.skill{background-color:#fcfcfd;border-radius:10px;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.25));margin-right:5%;padding-bottom:5px;padding-top:5px}.skill .skillText{color:#002333;font-family:Roboto Flex;font-size:large;padding:30px}.skill:hover{background-color:#c0dace}.skill:hover .skillText{font-size:larger}.container{flex-basis:450px;margin-top:10%}.container .project{border-radius:30px;height:400px;width:400px}.container .project .projectTitleBackground{border-radius:30px;padding:2%}.container .project .projectTitleBackground .projectTitle{font-size:xx-large;font-weight:700}.container :hover{zoom:1.1;filter:drop-shadow(4px 4px 3px #B4BEC8)}.modalBackground{background-color:#0a3041;border:none;border-radius:20px;color:#fcfcfd;font-family:Roboto;height:auto;left:50%;padding-bottom:4%;position:absolute;top:50%;transform:translate(-50%,-50%);width:75%}.modalBackground .arrowTitle{padding-left:3%;padding-top:2%;text-align:center}.modalBackground .arrowTitle .backArrow{border:solid #fcfcfd;border-width:0 7px 7px 0;display:inline-block;filter:drop-shadow(3px 3px 3px #CFE9E3);left:3%;padding:7px;position:absolute;transform:rotate(135deg)}.modalBackground .arrowTitle .backArrow :active{border-width:0 9px 9px 0;padding:9px}.modalBackground .arrowTitle .modalTitle{font-family:Roboto Mono;font-size:xx-large;font-weight:700;letter-spacing:2px}.modalBackground .projectContent{display:flex;padding:5%}.modalBackground .projectContent .projectInfo{margin-right:10%;width:45%}.modalBackground .projectContent .projectInfo .projectSubtitle{font-size:x-large;margin-top:20%}.modalBackground .projectContent .projectInfo .technologiesList{display:flex;justify-content:space-between}.modalBackground .projectContent .projectImage{height:300px;width:300px}.modalBackground .buttonContainer{display:flex;justify-content:center}.modalBackground .buttonContainer .projectLink .sourceButton{background:linear-gradient(272deg,#149a9b,#c0dace);border:none;border-radius:20px;color:#002333;font-family:Mulish;font-size:x-large;padding:4% 20%;text-align:center}.modalBackground .buttonContainer .projectLink :hover{filter:drop-shadow(4px 5px 6px #149A9B)}.modalBackground .buttonContainer .projectLink :active{padding:6% 30%}@font-face{font-family:NotoSans;src:url(/static/media/NotoSans-Regular.e49f7cc81283eef694a3.ttf)}html{scroll-behavior:smooth;transition:all 1s linear}nav{background:#002333;color:#fcfcfd;flex-wrap:wrap;font-size:medium;justify-content:space-between;left:0;padding-left:3%;padding-right:20%;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:3}nav,nav .leftNav{align-items:center;display:flex;height:50px}nav .leftNav .profilePic{border-radius:50%;height:40px}nav .leftNav .githubProfile{color:#fcfcfd;text-decoration:none}nav .leftNav .githubProfile .name{text-wrap:nowrap;font-weight:lighter;margin:10%}nav .navOption{color:#fcfcfd;font-family:NotoSans;margin:7%;text-decoration:none}nav .navOption:hover{color:#b4bec8}nav .navOption:active{font-size:large}.projectView{background-color:#d9d9d9;color:#002333;padding-bottom:10%;padding-top:15%;text-align:center}.projectView .title{font-family:Roboto Mono;font-size:350%;letter-spacing:5px}.projectView .underline{background-color:#149a9b;border:none;height:3px;margin-bottom:3%;margin-top:-2%;width:26%}.projectView .language{font-family:Roboto Mono;font-size:250%;letter-spacing:2px}.projectView .descEnd{margin-bottom:15%}.projectView .smallUnderline{background-color:#149a9b;border:none;height:2px;width:6%}.projectView .projectList{align-items:start;display:flex;flex-wrap:wrap;justify-content:space-around}.cursor{pointer-events:none}.cursor__ball{left:0;mix-blend-mode:difference;position:fixed;top:0;z-index:1000}.cursor__ball circle{fill:#f7f8fa}
/*# sourceMappingURL=main.2167d7c4.css.map*/