*{padding:0;margin:0;box-sizing:border-box;text-decoration:none}body{background-color:#f7f7f7;height:100vh;font-family:Montserrat,sans-serif}#root{height:100%}html{font-size:10px}.layout{height:100vh;width:100%;display:flex;flex-direction:column}.content-container{display:flex;flex:1;flex-direction:column}.menu{width:100%;border-bottom:1px solid #0c0c0c}.menu-list{display:flex;gap:2rem;list-style:none;font-size:1.4rem}.menu-item{padding:1.5rem 1rem}.menu-item a{color:#0c0c0c}.burger-menu{display:none}.active{background-color:#0c0c0c}.active a{color:#fff}.landing-container{height:90vh;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.landing-container h1{font-size:10rem;font-weight:500}.landing-container a{text-decoration:none;font-size:4.2rem;color:#0c0c0c;text-decoration:underline;text-transform:uppercase;font-weight:600;padding:4rem 2rem 2rem;font-weight:400}.landing-container a{position:relative;color:#000;text-decoration:none}.landing-container a:hover{color:#000}.landing-container a:before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:10px;left:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}.landing-container a:hover:before{transform:scaleX(1)}.landing-container svg{width:40%;height:50%;padding:4rem}.landing-skills{width:100%;border:1px solid black}.landing-skills p{font-size:2.4rem;padding:1rem}.landing-list{display:flex;list-style:none;font-size:2.4rem;justify-content:center;gap:5rem;padding:1rem}.section{width:100%;border-bottom:1px solid black;text-align:center}.section h1{font-size:16rem;font-weight:400;line-height:1;padding:1rem 0}.section-box{width:65%;margin:0 auto;padding:1rem;display:flex;flex-direction:column;justify-content:center;flex:1}.section-headers{margin-bottom:3rem}.primary-header{font-size:4.8rem;font-weight:500}.secondary-header{font-size:3.6rem;font-weight:500;margin-bottom:2rem}.contact-text{font-size:2rem;letter-spacing:.5px;margin-bottom:4rem}.contact-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;font-size:2.4rem}.linked-in{background-color:#0077b5;color:#fff;padding:1rem;display:inline-block;border-radius:3px;font-weight:700;font-size:2rem}.projects-layout{display:flex;flex-direction:column;overflow:hidden;gap:4rem;width:50%;margin:0 auto;padding:1rem;margin-top:4rem}.project{font-size:1.8rem;display:flex;flex-direction:column;gap:2rem}.project-img-box{border:1px solid #888;padding:2rem;display:flex;flex-direction:column;gap:2rem;font-size:3.2rem;text-transform:uppercase;margin-bottom:1rem}.project-desc{display:flex;flex-direction:column;gap:1rem}.project img{width:100%}.project-tech{display:flex;gap:1rem}.project ul{padding-left:2rem;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.project-links{width:100%;margin-bottom:4rem;margin-top:3rem;display:flex}.project a{width:15%;text-align:center;background-color:#0c0c0c;color:#fff;padding:1rem;margin-right:1rem}.contact-link{font-size:2.4rem;padding-bottom:2rem;width:fit-content;margin-bottom:2rem}.contact-link{position:relative;color:#000;text-decoration:none}.contact-link:hover{color:#000}.contact-link:before{content:"";position:absolute;display:block;width:100%;height:2px;bottom:10px;left:0;background-color:#000;transform:scaleX(0);transition:transform .3s ease}.contact-link:hover:before{transform:scaleX(1)}.list-title{margin-top:2rem;font-weight:500}.modal{position:fixed;bottom:0;left:0;right:0;top:0;z-index:50;display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;padding-right:2rem;animation:slideInLeft .3s ease-in-out}.modal-container{width:100%;position:relative}.btn-close{position:absolute;right:0;top:-6rem;border:none;color:#0c0c0c;opacity:80%}.menu-list-phone{width:100%;height:100%;font-size:6rem;color:#fff;list-style:none;display:flex;flex-direction:column;gap:2rem;align-items:center}.menu-item-phone{text-align:center;width:100%;border-top:1px solid #0c0c0c}.menu-item-phone:last-child{border-bottom:1px solid #0c0c0c;padding-bottom:2rem}.menu-list-phone a{color:#0c0c0c}@media (max-width: 95em){.projects-layout{width:75%}.project a{width:20%}.landing-container svg{width:65%}}@media (max-width: 61em){.projects-layout{width:85%}.section h1{font-size:15vw}.project a{width:30%}.project-img-box{padding:1rem}.landing-container svg{width:80%}.landing-container h1{font-size:8rem}.landing-container a{font-size:3.8rem}}@media (max-width: 50em){.landing-container svg{padding:1rem;margin:-2rem}.landing-container h1{font-size:6rem}.landing-container a{font-size:3rem}.section-box{width:100%;padding:2rem;justify-content:start}}@media (max-width: 44em){.projects-layout{width:90%}.project a{width:40%}.project-img-box p{font-size:2.4rem}.landing-container svg{width:90%}}@media (max-width: 37em){.landing-container svg{padding:1rem;margin:-7rem}.landing-container h1{font-size:5rem}.landing-container a{font-size:2.6rem}}@media (max-width: 31em){.menu-list{display:none}.burger-menu{display:block}.project-tech{flex-direction:column}.project a{width:50%}.menu{position:sticky;top:0;right:0;background-color:#f7f7f7}.project-img-box{gap:1rem}.project-img-box p{font-size:1.8rem}.landing-container svg{width:100%}.landing-container h1{font-size:4rem}.landing-container a{font-size:2.2rem;padding-top:2rem}.contact-list,.contact-text{font-size:1.8rem}.primary-header{font-size:4.8rem}.secondary-header{font-size:3.2rem}}@media (max-width: 24em){.landing-container svg{width:90%}.landing-container h1{font-size:3rem}.landing-container a{font-size:2rem}.landing-container svg{padding:1rem;margin:-9rem}.menu-list-phone{font-size:4rem}}@media (max-height: 700px){.landing-container a{font-size:2.4rem}.landing-container svg{padding:1rem;margin:-50px}}@keyframes slideInLeft{0%{opacity:0}to{opacity:1}}