body,html{margin:0;padding:0;overflow-x:hidden;width:100vw}@media screen and (min-width:1441px){.project-desc{font-size:2rem}.main-heading-title{font-size:10rem}.button-21{font-size:2rem}}@media screen and (min-width:1201px) and (max-width:1440px){.main-heading-title{font-size:7rem}.about-me,.project-desc{font-size:1.7rem}.about-me{width:50vw}h1{font-size:2.7rem}h2{font-size:3rem}.img-div{height:40%}.main-div{height:100vh}}@media screen and (min-width:900px) and (max-width:1200px){.main-heading-title{max-width:50vw;font-size:7rem}.project-desc{font-size:1.4rem}.about-me{font-size:1.6rem;margin-top:1.5rem;text-align:center}h1{font-size:2.3rem}h2{font-size:2.7rem}.img-div{height:50%}.contact-form{height:100vh;width:80vw}.icon-info{font-size:1.4rem}}@media screen and (min-width:768px) and (max-width:899px){.main-heading-title{max-width:50vw;font-size:6rem}.main-div{height:80vh}.about-me{width:100%;font-size:1.5rem}.project-img-mobile{display:none}.project-desc{font-size:1.2rem}.icon-info{font-size:1.4rem}}@media screen and (max-width:768px){#container{margin:20px auto;width:95%}.navbar{position:fixed;top:0;left:0;right:0;z-index:100000}.icon-font{display:block;position:fixed;top:16px;right:16px;z-index:100001}h1{font-size:2rem}.img-div{height:35%}.navbar-right{position:fixed;top:0;right:0;width:80%;max-width:420px;height:92vh;padding:4.5rem 2rem 2rem;background:rgba(17,8,10,.96);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translateX(100%);opacity:0;visibility:hidden;pointer-events:auto;transition:transform .35s ease,opacity .35s ease,visibility 0s linear .35s;z-index:9999}.navbar-right.active{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.close-btn{position:absolute;top:16px;right:16px;background:transparent;border:0;color:#fff;cursor:pointer!important;z-index:10001}}@media screen and (max-width:600px){html{font-size:12px}.navbar{font-size:2rem;align-items:center}.navbar-right{display:none;flex-direction:column;position:absolute;justify-content:space-evenly;top:100%;right:0;width:100vw;background-color:var(--background);text-align:center;padding:1rem;z-index:99999999}.navbar-right.active{display:flex}.aboutme-icons{grid-template-columns:1fr}.icon-info{font-size:1.5rem;text-align:center}.main-div{height:90vh}h1{font-size:2rem}.main-heading-title{font-size:3.5rem;margin:1rem}.creative-project,.web-project{flex-direction:column}.img-herobanner{height:auto;margin-top:5rem;max-width:100%}.project-img-mobile{display:block;width:50vw;border:2px solid #fcfcfd;padding:20px;margin:auto auto 5rem;box-shadow:0 14px 28px rgba(217,164,161,.8),0 10px 10px rgba(217,164,161,.5)}.project-desc{font-size:1.1rem;text-align:center;width:80vw;margin:auto}.project-heading-inside{font-size:2.5rem;text-align:center}.arrow-icon{font-size:2rem}.icon-font{display:block;font-size:1.8rem;color:white}.contact-form{width:70vw;height:100vh}.avatar-div{display:none}}@media screen and (max-width:480px){input[type=email],input[type=text],select,textarea{font-size:.9rem}.avatar-div{display:none}.links-1{gap:1rem}.links-1 a{font-size:1.5rem;margin-top:1rem}.image-hover{display:flex!important;position:static;background:none;transform:none}.main-heading-title{font-size:4rem;max-width:50vw}.project-heading-inside{font-size:2.2rem}.project-img-mobile{width:70vw}h1{font-size:1.3rem}h2{font-size:2.5rem}.underline{width:68px}.icon-info{font-size:1.3rem}svg text{font-size:10rem}.logo{width:3rem!important;height:3.5rem!important}#form_button{padding:15px 25px}.navbar{height:auto;z-index:99999999;background-color:var(--background)}.img-div{height:30%}.container{width:100vw}.about-me{width:90vw;font-size:1.4rem;text-align:left}.projects-web{width:90vw;gap:4rem}.project-img{display:none;width:60vw}.project-content{padding:0;width:auto}.contact-form{height:70vh;width:80vw;font-size:1rem;padding:1rem;margin:auto}.form-h2{position:absolute;left:0;width:100%}.submit{gap:5rem}}@media screen and (max-width:420px){h1{font-size:18px}h2{font-size:2.4rem}.underline{width:53px}.icon-info{font-size:1.2rem}.submit{flex-direction:column}.project-img{width:70vw}.icon{height:35px;width:35px}.project-heading{font-size:2.5rem}.navbar-right.active{height:70vh}.navbar-right{display:none;height:100vh;flex-direction:column;position:absolute;justify-content:space-evenly;top:100%;right:0;background-color:var(--background);width:100vw;margin:0;text-align:center;padding:1rem;z-index:99999999}}