#root{text-align:center;color:#fff;background-color:#202020}main{overflow:scroll;height:100vh;width:100vw;scroll-snap-type:y mandatory;scroll-snap-stop:always}.page{display:flex;flex-wrap:wrap;scroll-snap-align:start;height:100%;width:100%}h2{width:100%;height:10%;font-size:9vh;margin:0;font-weight:750}.subheading{font-weight:500;font-size:3.7vh;width:100%;height:5%;text-align:center;margin:0}.page-link{color:#fff}.page-link:hover{color:#000;text-decoration:none}#home{position:relative;background-color:transparent;height:100%;width:100%;display:flex;flex-wrap:wrap;align-content:center;pointer-events:none}.home-text{width:100%;color:#f0f8ff;margin:0}h1{font-weight:700;color:#f0f8ff;width:100%;margin:0;padding:0 .5em}#software-dev-text{font-weight:700;margin-top:.3em;margin-bottom:2em}#home-footer{width:100%;height:10vh;align-content:flex-end}#scroll-down-text{font-weight:600}#down-arrow{font-size:1.2rem;font-weight:550;margin:0;padding:0}#links{position:fixed;align-self:flex-start;justify-content:end;width:100%;display:flex;flex-direction:row;background-color:transparent}.social-link{display:flex;justify-content:center;align-items:center;width:3em;padding:1.5em 0}.social-logo{width:2.5em;height:100%;object-fit:contain}.social-logo:hover{filter:contrast(40%)}#linkedin-link{margin-right:1rem}@media screen and (max-width: 625px){h1{font-size:8vh}#software-dev-text{font-size:2.7vh}#scroll-down-text{font-size:2.3vh}}@media screen and (max-height: 700px){h1{font-size:18vh}#software-dev-text{font-size:8vh}#home-footer,#scroll-down-text{font-size:5vh}}@media screen and (max-width: 625px) and (max-height: 700px){h1{font-size:9vh}#software-dev-text{font-size:3vh}#scroll-down-text{font-size:2.5vh}}@media screen and (min-width: 625px) and (min-height: 625px){h1{font-size:6rem}#software-dev-text{font-size:2rem}#scroll-down-text{font-size:1.5rem}.social-link{padding:1rem 0}#linkedin-link{margin-right:1rem}}@media screen and (min-width: 850px) and (min-height: 625px){h1{font-size:7.5rem}#software-dev-text{font-size:2.5rem}#scroll-down-text{font-size:1.7rem}#down-arrow{font-size:1.6rem}}#about{background-color:#de7777;height:100%;width:100%;position:relative;align-content:center}#about-heading{margin-bottom:2%}#about-body{width:100%;height:55%;display:flex;flex-wrap:wrap;align-content:space-around;text-align:center;padding-bottom:3em}.about-text{font-size:2.1vh;font-weight:600;width:100%;padding:0 1em;margin:0}@media screen and (min-width: 350px) and (min-height: 700px){#about-heading{font-size:7vh}#about-body{height:60%}.about-text{font-size:1.9vh}}@media screen and (min-width: 600px){.about-text{font-size:2.3vh}}@media screen and (min-width: 500px) and (max-height: 500px){#about-body{height:60%;margin-bottom:5vh}.about-text{font-size:3vh}}@media screen and (min-width: 800px){#about-heading{font-size:10vh}#about-body{margin-bottom:0%}.about-text{font-size:4vh}}@media screen and (min-width: 800px) and (min-height:400px){#about-heading{font-size:10vh}#about-body{height:75%;margin-bottom:0%}.about-text{font-size:3vh}}@media screen and (min-width: 1000px) and (min-height:400px){.about-text{font-size:3.5vh}}.project-card{display:flex;flex-direction:column;color:#fff;background-color:#6d68a1;border-radius:1rem;min-width:200px;max-width:200px;height:100%;margin:2em 1em;padding:0 1em}.project-card:hover{background-color:#94939d}.project-card:hover .project-card-title,.project-card:hover p{color:#cacaca}.project-card:hover img{filter:contrast(40%)}.project-card-title{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-size:8vh;padding:0}.project-image-preview{width:100%;height:0%;object-fit:scale-down}.project-description{width:100%;margin:0;text-align:center;font-weight:500;font-size:0vh}h4{width:100%;height:1em;text-align:center;font-size:1.5em;padding:.25em 0;margin:0}.modal-text-area{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:.5em;height:68%;overflow:scroll}.modal-text{width:100%;line-height:1.5;font-size:2.4vh;margin:0 0 1em}.modal-tech-stack{width:100%;margin:0 0 1.1em;font-size:2.6vh;text-align:center;font-weight:500}.modal-link{color:#fff}.modal-link:hover{color:#32b0f9;text-decoration:none}.modal-button-area{display:flex;width:100%;height:12%;justify-content:center}.modal-button{margin-top:.1em;height:8vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-radius:.4rem;border:solid 2px rgb(226,62,62);color:#e23e3e;background-color:#202020;font-size:4vh;font-weight:800;padding:.2em .3em}.modal-button:hover{color:#fff;background-color:#e23e3e}@media screen and (min-height: 300px){.project-card{border-radius:2rem}}@media screen and (min-height: 350px){.project-card{padding:1rem}.project-card-title{font-size:5vh;height:50%;padding-top:.5em}.project-description{height:50%;font-size:3vh;padding-top:1em}.project-image-preview{padding-top:1em;height:75%}}@media screen and (min-height: 350px) and (max-width: 600px){.project-description{padding-top:1em}}@media screen and (min-height: 450px){.project-card-title{font-size:4.2vh}.project-description{font-size:2.7vmin}h4{height:10%;font-size:8vmin}}@media screen and (max-height: 300px){.modal-text{font-size:5vh}}@media screen and (max-height: 450px){h4{height:.7em;font-size:8vh;padding-bottom:.5em}.modal-text{font-size:3vh}}@media screen and (max-height: 550px) and (min-width: 600px){.modal-text{font-size:3.3vh}.modal-tech-stack{font-size:3.6vh}}@media screen and (max-height: 450px) and (min-width: 550px){.modal-text{font-size:3.3vh}.modal-tech-stack{font-size:3.6vh}}@media screen and (min-height: 500px){.project-card{min-width:250px;max-width:250px}.project-description{font-size:3vh;font-weight:550}.modal-button{height:7.5vh}}@media screen and (min-height: 500px) and (min-width: 650px){h4{font-size:6.5vh}}@media screen and (min-height: 550px){.modal-text{font-size:2.5vh}.modal-tech-stack{font-size:2.7vh}}@media screen and (min-height: 600px){.project-card{min-width:300px;max-width:300px}}@media screen and (min-height: 950px){.project-card{min-width:400px;max-width:400px}}#projects-buttons{display:inline-flex;height:40%;max-height:1000px;width:100%;justify-content:center;align-items:center;padding-bottom:2em}#projects-list{display:flex;height:100%;overflow-x:scroll;scroll-behavior:smooth;overflow-y:hidden;margin:0 .4em;align-items:center}@media screen and (min-height: 350px){#projects-buttons{height:60%;padding-bottom:0}}@media screen and (min-height: 525px) and (max-height:750px) and (max-width: 500px){#projects-buttons{height:55%;padding-bottom:3em}}#projects{background-color:#85bfda;display:flex;flex-wrap:wrap;margin:0;padding:0;position:relative}#projects-heading{font-size:15vh;margin-top:.5em}#projects-subheading{align-content:center;font-size:4vh;padding:3em 1.5em}@media screen and (min-height: 350px){#projects-heading{font-size:10vh;margin-top:1em}#projects-subheading{font-size:3vh;padding-bottom:.5rem;padding:0 1.5em}}@media screen and (min-height: 525px) and (max-width: 500px){#projects-heading{margin:.4em 0 0}#projects-subheading{font-size:2.5vh;font-weight:600;height:5%}}@media screen and (min-width: 500px){#projects-subheading{padding:0 1.5em .5em}}@media screen and (min-width: 900px){#projects-subheading{padding-bottom:0}}#technologies{position:relative;background-color:#83cd88}#technologies-heading{font-size:8vh;margin-top:.4em}#technologies-subheading{font-size:3vh;font-weight:550;padding:0 1em;height:4%}@media screen and (min-width: 600px){#technologies-heading{font-size:9vh;height:11%}}@media screen and (max-width: 760px) and (min-height: 800px){#technologies-heading{margin-top:.6em;margin-bottom:.1em;font-size:7vh;height:7%}#technologies-subheading{font-size:3vh;margin-bottom:2%}}@media screen and (max-width: 580px) and (min-height: 800px){#technologies-heading{font-size:10vw;height:7%;margin-bottom:0}#technologies-subheading{font-size:5vw;margin-bottom:0}}@media screen and (min-width: 1100px) and (max-height: 500px){#technologies-subheading{margin-bottom:0%}}#technology-grid{display:grid;height:65%;width:95%;grid-template-areas:"languages" "front-end" "back-end" "testing" "hosting";grid-auto-rows:18%;gap:2%;margin:2% 0 18% 2%}#front-end{grid-area:front-end}#back-end{grid-area:back-end}#hosting{grid-area:hosting}#languages{grid-area:languages}#testing{grid-area:testing}#front-end,#back-end,#hosting,#languages,#testing{background-color:#84705f;border-radius:1rem;display:flex;flex-direction:row}.grid-item-heading{margin:0;display:flex;width:40%;font-size:3.3vh;padding:.5em 0;justify-content:center;align-items:center}.grid-item-text-area{display:flex;justify-content:space-around;flex-wrap:wrap;padding:0 1em;height:100%;width:60%}.grid-item-text{display:flex;justify-content:center;align-items:center;width:50%;margin:0;font-size:1.7vh;font-weight:600}@media screen and (min-height: 700px){#technology-grid{height:75%;margin-bottom:1%}}@media screen and (max-height: 500px){.grid-item-heading{font-size:5.5vh}.grid-item-text{font-size:3vh}}@media screen and (max-width: 500px) and (min-height: 600px){.grid-item-heading{padding-left:3%;font-size:6vw}}@media screen and (min-width: 680px){.grid-item-text{font-size:2.5vh}}@media screen and (min-width: 801px){#technology-grid{width:100%;height:75%;margin-bottom:1%;grid-template-areas:"languages front-end back-end testing hosting";grid-auto-rows:100%;grid-auto-columns:18%}#technology-grid section{flex-direction:column;width:100%;align-items:center}#front-end,#back-end,#hosting,#languages,#testing{flex-direction:column}.grid-item-heading{width:100%}.grid-item-text{padding:0}}@media screen and (min-width: 900px){#technology-grid h3{font-size:3.3vh}#technology-grid p{font-size:2.8vh}}@media screen and (min-width: 1100px){#technology-grid h3{font-size:4.7vh}#technology-grid p{font-size:3vh}}@media screen and (min-width: 1100px){#technology-grid h3{font-size:5vh}#technology-grid p{font-size:4vh}}@media screen and (min-height: 500px) and (min-width: 1100px){#technology-grid h3{font-size:4.3vh}#technology-grid p{font-size:3.6vh}}@media screen and (min-height: 750px) and (min-width: 1100px){#technology-grid h3{font-size:4.6vh}#technology-grid p{font-size:3.8vh}}@media screen and (min-height: 800px) and (min-width: 600px){#technology-grid h3{font-size:2vh}#technology-grid p{font-size:1.5vh}}@media screen and (min-width: 1100px) and (max-height: 500px){#technology-grid{height:70%;margin-bottom:2%}}#hobbies-section{background-color:#c487c2;position:relative;scroll-snap-type:x mandatory;display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-stop:always}.hobbies-sub-page{height:100vh;min-width:100vw;scroll-snap-align:end;align-content:center;display:flex;flex-wrap:wrap}.hobby-heading{font-size:13vh;margin-bottom:.7em}.music-page-text,.books-page-text,.miscellaneous-page-text{padding:0 1em;font-size:3.7vh;font-weight:550}@media screen and (max-width: 420px){.hobby-heading{margin-bottom:0}}@media screen and (min-height: 450px){.hobby-heading{font-size:9vh}.music-page-text,.books-page-text,.miscellaneous-page-text{font-size:3.2vh}}@media screen and (min-width: 700px){.hobby-heading{font-size:11vh}.music-page-text,.books-page-text,.miscellaneous-page-text{font-size:4vh}}@media screen and (min-width: 1000px){.hobby-heading{font-size:12vh}.music-page-text,.books-page-text,.miscellaneous-page-text{font-size:4.5vh}}@media screen and (min-width: 1200px){.hobby-heading{font-size:13vh}.music-page-text,.books-page-text,.miscellaneous-page-text{font-size:5vh}}#hobbies-title-page{align-content:center}#hobby-title-page-heading{display:flex;justify-content:center;align-items:center;font-size:17vh;height:30%;margin:0}#hobby-title-page-subheading{width:100%;padding:0 1.3em;font-size:6vh;font-weight:550;height:20%}@media screen and (min-height: 450px){#hobby-title-page-heading{font-size:13vh}#hobby-title-page-subheading{font-size:4vh}}@media screen and (max-width: 480px){#hobby-title-page-heading{font-size:20vw}#hobby-title-page-subheading{height:20%;font-size:2.5vh}}#music-text-area{width:100%}@media screen and (max-width: 425px){#music-text-area{height:45%;margin-bottom:15%}.music-page-text{font-size:3vh}}@media screen and (max-height: 400px){#music-text-area{height:55%}.music-page-text{font-size:5vh}}@media screen and (min-width: 700px) and (min-height: 1100px){#music-page-heading{margin-top:5%}}#books-text-area{width:100%}@media screen and (max-width: 425px){#books-text-area{height:60%;margin-bottom:15%}.books-page-text{font-size:2.8vh}}@media screen and (max-height: 400px){#books-text-area{height:60%}.books-page-text{font-size:4.4vh}}@media screen and (min-width: 700px) and (min-height: 700px){.books-page-text{font-size:3.5vh}}@media screen and (min-width: 700px) and (min-height: 940px){.books-page-text{font-size:3.2vh}}.film-page-text{padding:0 1em;font-size:3.2vh;font-weight:550}#film-text-area{width:100%}@media screen and (min-height: 450px){.film-page-text{font-size:3.1vh}}@media screen and (min-width: 700px){.film-page-text{font-size:3.7vh}}@media screen and (min-width: 1000px){.film-page-text{font-size:4.1vh}}@media screen and (min-width: 1200px){.film-page-text{font-size:4.3vh}}@media screen and (max-width: 425px){#film-text-area{height:67%;margin-bottom:20%}.film-page-text{padding:0 1em;font-size:2.75vh;font-weight:550}}@media screen and (max-width: 450px) and (min-height: 800px){.film-page-text{font-size:2.6vh}}@media screen and (max-height: 400px){#film-text-area{height:67%}.film-page-text{font-size:3.7vh}}@media screen and (min-width: 700px) and (min-height: 800px){#film-page-heading{margin-bottom:7%}.film-page-text{font-size:3.2vh}}@media screen and (min-width: 700px) and (min-height: 1100px){#film-page-heading{margin-bottom:7%}.film-page-text{font-size:3vh}}#miscellaneous-page-heading{font-size:8vh}#miscellaneous-text-area{width:100%}@media screen and (max-width: 425px){#miscellaneous-text-area{height:60%;margin-bottom:15%}.miscellaneous-page-text{font-size:2.9vh}}@media screen and (min-width: 700px){#miscellaneous-page-heading{font-size:10vh}}@media screen and (min-width: 1000px){#miscellaneous-page-heading{font-size:12vh;margin-bottom:.7em}}@media screen and (min-width: 1200px){#miscellaneous-page-heading{font-size:13vh;margin-bottom:.7em}}@media screen and (max-height: 400px){#miscellaneous-text-area{height:60%}.miscellaneous-page-text{font-size:4vh}}@media screen and (max-width: 490px) and (min-height: 800px){#miscellaneous-page-heading{font-size:12vw;margin-bottom:.7em}.miscellaneous-page-text{font-size:2.6vh}}@media screen and (min-width: 490px) and (min-height: 800px){#miscellaneous-page-heading{font-size:11vw}}@media screen and (max-width: 500px) and (max-height:800px){#miscellaneous-page-heading{font-size:12vw}}@media screen and (min-width: 800px) and (min-height: 800px){#miscellaneous-page-heading{font-size:7vw;margin-bottom:6%}.miscellaneous-page-text{font-size:3.5vh}}@media screen and (min-width: 800px) and (min-height: 1050px){#miscellaneous-page-heading{margin-bottom:3%}.miscellaneous-page-text{font-size:3.3vh}}#contacts-page{background-color:#202020;align-content:center;gap:2rem}#contacts-heading{padding:0 .3em;font-size:10vh}.contacts-subheading{font-weight:500;font-size:6vh;width:100%;padding:0 1em;height:5%;text-align:center;margin:0}.contacts-page-link{color:#fff}.contacts-page-link:hover{color:#0ff;text-decoration:none}@media screen and (min-height: 300px){#contacts-page{gap:2.6rem}#contacts-heading{font-size:9.5vh}.contacts-subheading{font-size:5vh}}@media screen and (min-height: 370px){#contacts-heading{font-size:8.5vh}.contacts-subheading{font-size:3.5vh}}@media screen and (min-height: 410px){#contacts-heading{font-size:8vh}}@media screen and (min-height: 440px){#contacts-heading{font-size:7.5vh}}@media screen and (min-height: 470px){#contacts-heading{font-size:7.5vh;margin-bottom:1em}}@media screen and (min-height: 600px){#contacts-heading{font-size:6vh;margin-bottom:7%}.contacts-subheading{font-size:3vh}}@media screen and (min-width: 560px) and (min-height: 470px){#contacts-heading{margin-bottom:.3em}}@media screen and (min-width: 750px) and (min-height: 600px){#contacts-heading{font-size:7.5vh}.contacts-subheading{font-size:4vh}}@media screen and (min-width: 850px) and (min-height: 600px){#contacts-heading{font-size:9vh}.contacts-subheading{font-size:4vh}}@media screen and (max-width: 500px) and (min-height: 800px){#contacts-heading{font-size:4.6vh}.contacts-subheading{font-size:2.7vh}}@media screen and (max-width: 500px) and (min-height: 950px){#contacts-heading{font-size:4vh}.contacts-subheading{font-size:2.4vh}}@media screen and (min-width: 800px) and (min-height: 800px){#contacts-heading{font-size:6.5vh}.contacts-subheading{font-size:3.3vh}}@media screen and (min-width: 800px) and (min-height: 900px){#contacts-heading{font-size:5vh}.contacts-subheading{font-size:2.6vh}}@media screen and (min-width: 800px) and (min-height: 1260px){#contacts-heading{margin-bottom:10%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0}