.fade-image-1{box-shadow:inset 8vw 0 70px -25px #000}.fade-image-1,.fade-image-1.changed{background-image:url(/Faizaan-img2.jpg);width:25vw;height:100vh;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;right:0}.fade-image-1.changed{box-shadow:inset 8vw 0 70px -25px #fff}.fade-image-2{box-shadow:inset -8vw 0 70px -25px #000}.fade-image-2,.fade-image-2.changed{background-image:url(/Faizaan-img3.jpg);height:49.5vh;width:25vw;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;left:0}.fade-image-2.changed{box-shadow:inset -8vw 0 70px -25px #fff}.fade-image-3{box-shadow:inset -8vw 0 70px -25px #000}.fade-image-3,.fade-image-3.changed{background-image:url(/Faizaan-img4.jpg);height:49.5vh;width:25vw;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:50.5vh}.fade-image-3.changed{box-shadow:inset -8vw 0 70px -25px #fff}html{scroll-behavior:smooth}body{background:fixed;background-image:url(/background-black.png);background-repeat:no-repeat;background-size:cover}*{margin:0}a{text-decoration:none;color:inherit}h1{font-size:10vh;font-family:Poppins,sans-serif;font-weight:900;color:#fff;position:absolute;left:32vh;top:33vh;bottom:33vh}.home-page{height:100vh;position:relative}.img1{height:80vh;right:4.5vw;top:10vh;bottom:10vh;border-radius:20px;border:1vh solid #fff}.img1,.navbar{position:absolute}.navbar{display:flex;flex-wrap:wrap;left:32.5vh;top:63vh;bottom:33vh}.nav-links{font-size:2.5vh;font-family:Poppins,sans-serif;font-weight:600;color:#fff;margin-right:10vh;margin-bottom:2vh;position:relative}.mode{width:5vh}@media screen and (max-aspect-ratio:64/35){.img1{display:none}h1{position:absolute;left:0;right:0;top:23vh;text-align:center}}@media screen and (max-width:780px){.navbar{justify-content:center;position:absolute;left:0;right:0;top:70vh}.nav-links{margin-left:5vw;margin-right:5vw}}@media screen and (max-width:450px){h1{font-size:8vh}.navbar{top:65vh}}.nav-links:after{background-color:#fff}.nav-links.changed:after,.nav-links:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;transform-origin:bottom right;transition:transform .25s ease-out}.nav-links.changed:after{background-color:#287c69}.nav-links:hover:after{transform:scaleX(1);transform-origin:bottom left}.about-me{height:100vh;position:relative}h2{width:100%;text-align:center;position:absolute;margin-top:8vh;font-size:5vh;font-family:Poppins,sans-serif;font-weight:600;color:#fff}hr{border:0;height:1vh;background-color:#fff}.about-me-content{width:50vw;text-align:center;position:absolute;left:25vw;right:25vw;margin-top:26vh;font-size:3vh;font-family:Poppins,sans-serif;font-weight:400;color:#fff}.line{height:1vh;background-color:#000;width:25vw;position:absolute;left:0;top:49.5vh}.navbar-pages{display:flex;flex-wrap:wrap;justify-content:center;background-color:#666;border-radius:2vh;width:24vw;margin:1.2vh auto}.navbar-pages-links{width:8vw;font-size:2.5vh;font-family:Poppins,sans-serif;font-weight:600;color:#fff;padding-bottom:.6vh;padding-top:.6vh;position:relative;border-radius:2vh}.navbar-pages-links:hover{background-color:#525252}.navbar-pages-links.changed{background-color:transparent}.navbar-pages-links.changed:hover{background-color:#349982}@media screen and (max-aspect-ratio:6186819988100219/3377699720527872){.fade-image-1,.fade-image-2,.fade-image-3{display:none}.about-me-content{width:75vw;margin:30vh auto;position:absolute;left:0;right:0}.line{display:none}.navbar-pages{width:42vw}.navbar-pages-links{width:14vw}}@media screen and (max-aspect-ratio:4447304632028365/3433994715870003){.about-me-content{width:95vw;margin:25vh auto}@media screen and (max-width:626px){.about-me-content{font-size:3.5vw}}@media screen and (max-width:419px){.about-me-content{font-size:4.2vw}.navbar-pages{width:60vw}.navbar-pages-links{width:20vw;font-size:3.5vw}}}@media screen and (max-height:580px) and (max-width:400px){.about-me-content{font-size:2vh}}.line.changed{height:1vh;background-color:#287c69;box-shadow:inset -8vw 0 70px -25px #fff;width:25vw;position:absolute;left:0;top:49.5vh}.blog{height:100vh;position:relative}.entries{position:absolute;top:24vh;color:#fff}.date-entry{font-family:Poppins,sans-serif;font-size:3vh;font-weight:600;margin-left:20vw;margin-top:4vh}.date-entry-content{width:55vw;margin-top:2vh;font-family:Poppins,sans-serif;padding-left:4.75vw;font-weight:400;font-size:2.6vh;margin-left:20.25vw;border-left:5px solid #fff}@media screen and (max-width:1136px) and (min-width:770px){.date-entry{margin-left:6.4vw;font-size:4.2vh}.date-entry-content{margin-left:7.4vw;width:80vw;font-size:2.5vh}}@media screen and (max-width:770px){.date-entry{margin-left:6vw;font-size:2.5vh}.date-entry-content{margin-left:7vw;width:80vw;font-size:1.6vh}}button{margin-top:2vh;margin-left:2vh;border:0;background-color:transparent;border-radius:8px}.projects{height:100vh;position:relative}.project-boxes-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;position:absolute;top:28vh}.project-boxes,.project-boxes-excess{margin-left:4vw;margin-right:4vw;margin-bottom:7vh;width:220px;height:23vh;background:#fff;border-radius:25px;text-align:center;font-family:Poppins,sans-serif;transition:transform .4s;padding:1.5vw;background-image:url(/sample.jpg);position:relative}.project-boxes-excess.changed,.project-boxes.changed{background:#3bb397;background-image:url(/sample.jpg);border:3px solid #3bb397;color:#fff}.headings{background-color:hsla(0,0%,39%,.65);position:absolute;color:#fff;bottom:0;left:0;right:0;height:5vh;padding-top:2.5vh;padding-bottom:2vh;font-size:20px;font-weight:600;border-radius:0 0 22.5px 22.5px}.headings.changed{background-color:rgba(59,179,151,.65)}.description{display:none}.project-boxes:hover{transform:scale(1.02);background-image:none!important}.project-boxes:hover>.description{display:block}.project-boxes:hover>.headings{display:none}.project-boxes-excess:hover{transform:scale(1.02);background-image:none!important}.project-boxes-excess:hover>.description{display:block}.project-boxes-excess:hover>.headings{display:none}.project-box-image{width:16.25vw;border-radius:1.5vw}h3{font-size:25px}.error{display:hidden}.error-message{display:none;text-align:center;width:80vw;margin-left:10vw;font-size:10vh;height:90vh;margin-top:5vh;font-family:Poppins,sans-serif;font-weight:600;color:#fff}.main-body{display:block}@media screen and (max-height:550px) and (max-width:1080px) and (min-width:400px){.error,.error-message{display:block}.main-body{display:none}}@media screen and (max-width:630px) and (min-width:400px){.navbar-pages{width:60vw}.navbar-pages-links{width:20vw}.about-me-content{font-size:3vw}}@media only screen and (max-device-width:480px){body{background-repeat:repeat;background-size:auto 101vh}h1{font-size:8vh;top:23vh;text-align:center}.navbar,h1{position:absolute;left:0;right:0}.navbar{justify-content:center;top:70vh}.nav-links{margin-left:5vw;margin-right:5vw}.navbar-pages{width:60vw}.navbar-pages-links{width:20vw;font-size:3.5vw}.date-entry{margin-left:2vw;font-size:2.5vh}.date-entry-content{margin-left:6vw;width:76vw;font-size:1.6vh}.fade-image-1,.fade-image-2,.fade-image-3{display:none}.about-me-content{width:90vw;margin:0 auto;font-size:2vh;position:absolute;top:25vh;left:0;right:0}.line{display:none}.navbar{top:65vh}.img1,.project-boxes-excess{display:none}}