.nav-container{position:fixed;z-index:1;margin-left:4%;margin-top:4%;font-family:GFS Didot,serif}.hamburger-container{display:none}.navigation{display:flex;flex-direction:column;width:7rem}.navigation a{margin-bottom:10%;text-decoration:none;font-size:large;color:#b6b6b6}.navigation a:hover{color:#fff;font-weight:700;letter-spacing:.05rem}@media (max-width: 1024px){.hamburger-container{display:block}.navigation{display:none;flex-direction:column;position:absolute;top:40px;left:0;background:rgba(18,18,18,.8);width:6rem;border-radius:.5rem}.navigation a{margin-bottom:20%}.navigation a:hover{color:#fff;font-weight:700;letter-spacing:.05rem}.navigation.mobile{display:flex}.hamburger{font-size:1.5rem;color:#b6b6b6;border:none;background:none}.hamburger:hover{color:#fff}}.home{background:radial-gradient(circle,rgba(13,34,25,1) 0%,rgba(0,4,23,1) 75%,rgba(0,4,23,1) 100%);display:flex;flex-direction:row;position:relative;height:100vh}.home h3{color:#b6b6b6;letter-spacing:.2rem;margin:0;font-size:1.5rem;padding-bottom:.5rem}.home h1{color:#fff;font-family:GFS Didot,serif;letter-spacing:.2rem;font-size:4rem;margin:0;padding-bottom:.5rem}.home h2{color:#24db8b;font-family:GFS Didot,serif;letter-spacing:.2rem;font-size:2rem;margin:0}.home .profile{height:100vh;position:absolute;right:0rem;bottom:0rem}.home button{color:#fff;background-color:#db2474;position:absolute;border:none;border-radius:1rem;top:25rem;height:2.3rem;font-size:large;opacity:.7}.home button:hover{opacity:1}.intro{margin-left:30%;padding-top:4%;height:auto;position:relative}.intro a{padding-top:.5rem;padding-bottom:.5rem;color:#fff;text-decoration:none}.icons{top:37rem;margin-left:30%;position:absolute;width:auto;z-index:1;opacity:.7}.icon{margin-right:1.5rem;color:#24db8b;opacity:.6;height:2.5rem}.icon:hover{opacity:1}@media (max-width: 1024px){.home{height:100vh}.home .profile{height:75vh;position:absolute;right:0rem;bottom:0}.home button{top:25rem}.intro{padding-top:9%}.icon{margin-right:.7rem}.intro{margin-left:20%}.icons{margin-left:20%;bottom:7rem;background-color:#121212;height:5%;border-radius:.5rem;opacity:.7}}@media (max-width: 480px){.home .profile{height:50vh;position:absolute;right:0rem;bottom:0}.intro{padding-top:20%}.home button{top:20rem;font-size:small;letter-spacing:.05rem}.icons{bottom:10rem}.icon{margin-right:.5rem;height:2rem}.home h3{font-size:1rem}.home h1{font-size:3rem;margin:0}.home h2{font-size:1.5rem}}@media (max-height: 605px){.home{height:40rem;background:radial-gradient(circle at 100% 60%,rgba(36,219,139,1) 0%,rgba(18,18,18,1) 35%)}.home .profile{height:75vh!important}}.about{background-color:#121212;background:radial-gradient(circle,rgba(13,34,25,1) 0%,rgba(0,4,23,1) 75%,rgba(0,4,23,1) 100%);color:#b6b6b6;height:100vh}.about h4{font-family:GFS Didot,serif;color:#24db8b;letter-spacing:.2rem;margin-top:0;padding-top:7%}.about p{margin-bottom:0;line-height:30px;margin-top:2px}.about span{color:#fff;font-weight:700;letter-spacing:.05rem}.about-me,.tech-stacks{margin-left:20%;margin-right:20%;margin-bottom:5rem}.tech-stacks h4{padding-top:0}.technologies{display:flex;flex-direction:row;text-align:center;flex-wrap:wrap;margin-top:.5rem}.technologies p{color:#fff}.logo-container{display:flex;flex-direction:column;margin-right:1rem;width:5rem;height:6rem;justify-content:left}.logo{height:45px;margin-top:1rem}@media (max-width: 639px){.about{height:60rem}.about h4{padding-top:8%}}@media (max-width: 480px){.about{height:70rem}.about h4{padding-top:10%}}@media (max-width: 320px){.about{height:90rem}}.apps-container{padding-left:20%;padding-right:20%;background-color:#121212;background:radial-gradient(circle,rgba(13,34,25,1) 0%,rgba(0,4,23,1) 75%,rgba(0,4,23,1) 100%);padding-bottom:7rem}.apps-container h4{font-family:GFS Didot,serif;color:#24db8b;letter-spacing:.2rem;margin-top:0;padding-top:7%}.apps-container .bakery h5,.apps-container .wedding h5,.apps-container .aupair h5{color:#24db8b;letter-spacing:.1rem;margin-top:10rem;font-size:1rem}.apps-container p{margin-bottom:0;line-height:30px;margin-top:2px;color:#b6b6b6}.project1,.project2,.project3{display:flex;flex-direction:row;position:relative}.bakery-photo,.aupair-photo{height:15rem;margin-top:10rem;margin-left:3rem}.wedding-photo{height:15rem;margin-top:10rem;margin-right:3rem}.apps-container a{color:#db2474;text-decoration:none;padding:.4rem .3rem;transition:all .2s}.apps-container a:hover{color:#db2474;padding:.4rem .3rem;letter-spacing:.01rem}.apps-container button{height:2rem;border-radius:.5rem;border:solid 1px #DB2474;position:absolute;bottom:0}.bakery,.aupair,.wedding{position:relative}.apps-container img{transition:all .4s}.apps-container img:hover{transform:scale(1.05)}@media (max-width: 1245px){.project1,.project3{flex-direction:column-reverse}.project2{flex-direction:column}.apps-container .bakery h5,.apps-container .wedding h5,.apps-container .aupair h5{margin-top:2rem}.bakery-photo,.aupair-photo{margin-left:0;height:12rem}.wedding-photo{height:12rem}.bakery,.wedding,.aupair{padding-bottom:5rem}}@media (max-width: 639px){.apps-container h4{padding-top:9%}}@media (max-width: 500px){.bakery-photo,.aupair-photo,.wedding-photo{height:10rem}}.videos-container{padding-left:20%;padding-right:20%;padding-bottom:7rem;background-color:#121212;background:radial-gradient(circle,rgba(13,34,25,1) 0%,rgba(0,4,23,1) 75%,rgba(0,4,23,1) 100%)}.videos-container h4{font-family:GFS Didot,serif;color:#24db8b;letter-spacing:.2rem;margin-top:0;padding-top:7%}.videos-container h5{color:#24db8b;margin-top:1.5rem;font-size:1rem;letter-spacing:.1rem;line-height:25px}.videos-container p{line-height:30px;margin-top:2px;margin-bottom:0;color:#b6b6b6}.video-block{position:relative;margin-bottom:3rem;padding-bottom:4rem}.video{height:20rem;border-radius:.5rem;margin-top:6rem}.intro-container{margin-bottom:4rem}.videos-container a{color:#24db8b;text-decoration:none;padding:.4rem .3rem;transition:all .2s;text-decoration:underline}.videos-container a:hover{padding:.4rem .3rem;letter-spacing:.01rem}.videos-container button{height:2rem;border-radius:.5rem;border:solid 1px #DB2474;position:absolute;bottom:0}@media (max-width: 768px){.video{height:15rem;width:100%}}@media (max-width: 639px){.videos-container h4{padding-top:9%}}@media (max-width: 600px){.video{height:12rem}}@media (max-width: 480px){.video{height:10rem}}@media (max-width: 395px){.video{height:8rem}}.blogs-container{padding-left:20%;padding-right:20%;background-color:#121212;background:radial-gradient(circle,rgba(13,34,25,1) 0%,rgba(0,4,23,1) 75%,rgba(0,4,23,1) 100%);height:100vh}.blogs-container h4{font-family:GFS Didot,serif;color:#24db8b;letter-spacing:.2rem;margin-top:0;padding-top:7%}.blogs-container h1{font-family:GFS Didot,serif;color:#b6b6b6;letter-spacing:.5rem;margin-bottom:0;margin-top:20%}@media (max-width: 639px){.blogs-container h4{padding-top:10%}}#root{font-family:Roboto,sans-serif}body{margin:0}