@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap";body{margin:0}body{background-color:#0d0d0d;position:relative;display:flex;justify-content:center;align-items:center}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/noisy.png);opacity:.25;pointer-events:none;z-index:9999}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/noisy-net.png);opacity:.2;pointer-events:none;z-index:9998}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 2px,transparent 3px);opacity:.3;pointer-events:none;z-index:9997}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0d0d0d;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-family:Montserrat,sans-serif;z-index:9999}.loading-text{margin-top:20px;font-weight:700;opacity:.8}.loading-svg{width:80px;height:80px}*{font-family:Montserrat,serif;font-optical-sizing:auto;color:#fff;margin:0;transition:background-color .7s ease}nav{width:100%;height:100px;display:flex;justify-content:center;align-items:center}.nav-container{width:306px;height:40px;padding:1px;background-color:#1a1b1bcb;border-radius:10px;display:flex;align-items:center;justify-content:space-evenly}.nav-icons{width:20px;height:20px;padding:7px;border-radius:5px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;transition:1s ease-out}.nav-icons:hover{background-color:#914bf1}.nav-icons:hover .hidden{color:#fff}.nav-icons p{margin-top:15px;color:transparent;font-size:14px;text-transform:capitalize;transition:color .7s ease}main{width:100%}.main-container{width:75%;height:100vh;margin:auto;gap:50px;display:flex;flex-wrap:wrap;position:relative}.fixed{position:sticky;width:35%;height:90vh;display:flex;align-items:center;justify-content:center}.profile-div{height:560px;width:304px;padding:25px;border-radius:15px;background-color:#2b2c2e91;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.profile-section{height:44%;width:85%;display:flex;flex-wrap:wrap;justify-content:center;margin-top:-20px;transition:.2s ease}.profile-section img{width:100%;height:100%;object-fit:cover;border-radius:20px}.profile-name{font-size:37px;margin:0;font-weight:900;font-family:Montserrat,serif;color:#fff;font-family:Outfit,Outfit Placeholder,sans-serif}.typing-text{color:#914bf1;font-weight:700}.cursor{font-size:32px;font-weight:700;color:#914bf1;animation:blink .7s infinite}@keyframes blink{50%{opacity:0}}.profile-icon-div{height:50px;width:70%;display:flex;justify-content:space-evenly;align-items:center}.profile-icons{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.profile-icons:hover{background-color:#914bf1;transform:scale(1.3);border-radius:7px}.profile-icons img{filter:invert(100%);height:20px;width:20px;object-fit:cover;border-radius:0}.profile-icons svg{height:20px;width:20px;object-fit:cover}.profile-section button{width:90%;height:40px;margin-top:10px;border:1px solid grey;border-radius:8px;background-color:#914bf1}.scroll{width:60%;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;scroll-behavior:smooth}.delay-600{animation-delay:.5s}.scrool-info{height:90vh;width:100%;animation:slideRight .8s ease-out forwards}.title-container{position:relative;width:100%;margin-bottom:230px}.title{font-size:5.81rem;letter-spacing:0px;font-weight:700;color:#fff;margin:0;text-transform:uppercase}.overlay{position:absolute;top:95px;left:18.5%;transform:translate(-20.5%);color:#fff3}.title-container p{font-size:20px;position:absolute;top:215px;text-align:left;left:18%;transform:translate(-20.5%);color:#f4f4f485}.main-tools{width:100%;height:250px;margin-top:180px;display:flex;justify-content:space-between}.div{width:46%;height:100%;background-color:#f46c38;border-radius:15px;position:relative}.stack-div{height:35px;width:35px;position:relative}.stack{height:100%;width:100%;object-fit:cover;filter:invert(100%);position:absolute;left:25px;top:50px}.div-p{position:absolute;font-size:23px;font-weight:800;left:25px;top:120px}.yellow-div{position:relative;width:50%;background-color:#c5ff41}.yellow-icon{position:absolute;height:40px;left:7%;top:17%}.projects-div{width:100%;height:45vh;padding:10px}.project-section{width:100%;height:40vh;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.projects{width:320px;height:40vh;background-color:#27282984;border-radius:20px;margin-bottom:20px}.projects:hover{background-color:#3e3c3cb4;transform:translate(1.5)}.project-img{height:75%;width:100%}.project-img img{height:100%;width:100%;object-fit:cover;border-radius:20px 20px 0 0}.project-name{margin:auto;padding:17px;width:90%;height:48px}.project-name h3{font-size:30px;text-transform:capitalize}.thoughts-div{width:100%;height:100vh;margin-bottom:0}.thought{padding:25px 17px 17px;width:95%;height:28vh;border-radius:20px;transition:background-color 1.3s ease}.thought h2{font-size:30px;width:70%}.thought p{margin-top:30px;font-size:15px;width:60%;color:#b6b6b6aa}.thought:hover{background-color:#272829}.tool-div{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.tool{width:43.9%;height:5vh;border-radius:8px;padding:15px;display:flex;align-items:center;margin-bottom:15px}.tool:hover{background-color:#272829}.tool-icon{height:70%;width:30px;padding:7px;border-radius:12px;margin-right:15px;display:flex;justify-content:center;align-items:center;background-color:#fff}.tool-icon img,svg{height:100%;width:100%;object-fit:cover}.tool-name h1{text-transform:capitalize;font-weight:400;color:#47494b;font-size:26px;margin-top:-15px}.form-div{width:95%;height:60vh;display:flex;justify-content:center;flex-wrap:wrap;margin-top:50px;justify-content:space-between}form{display:flex;flex-wrap:wrap;height:55vh}label{width:45%;height:40px;padding:10px}label input,textarea{height:30px;width:97%;border-radius:5px;margin-top:10px;padding-left:15px;background-color:#272829;border:1px solid gray}.form-div button{width:100%;background-color:#914bf1;border-radius:7px;font-size:18px;border:1px solid white;height:40px;margin-top:30px;margin-left:10px}.empty-div{height:58vh;width:100%}footer{width:100%;height:35vh;display:flex;z-index:2;justify-content:center;align-items:center;animation:logoReveal 1s}a{animation:5s ease-in-out infinite alternate}@media (max-width: 1442px){.main-container{gap:30px;width:90%}.profile-div{height:530px}.scroll{width:60%}.title{font-size:5rem}.project-img{height:70%}.project-name h3{font-size:1.5rem}}@media (max-width: 1025px){.project-section{gap:5px}.project-img{height:70%}.project-name h3{font-size:100%}.profile-name{font-size:2rem}#home{font-size:4.5rem}.thought{margin-bottom:50px}}@media (max-width: 992px){.profile-section p{text-align:center}.thought{margin-bottom:100px}.thought h2,p{width:100%}.scroll{width:62%;margin-left:15px}.title-container p{margin-left:15px;width:100%}.profile-name{font-size:1.5rem}.main-container{gap:10px}.div-p{font-size:1.3rem}}@media (max-width: 920px){.home h1,#home{font-size:3.5rem}.contact h1{font-size:3.7rem}.main-tools{margin-top:300px}.overlay{margin-left:20px;font-size:3.5rem}.scroll{height:700vh}}@media (max-width: 920px){.main-container{flex-direction:row;justify-content:center}.fixed{margin-top:100px;margin-bottom:100px;width:90%;position:static}.scroll{overflow-y:hidden;width:100%}footer{display:none}.empty-div{display:none}}@media (max-width: 563px){.scroll{height:779VH}}@media (max-width: 451px){.scroll{height:800VH}}@media (max-width: 445px){.scroll{height:828VH}}@media (max-width: 426px){.tool-container h1,.title,#home{font-size:3rem;margin-bottom:0}.overlay{top:50px;left:50px}.scroll{overflow-y:hidden;height:650vh;width:100%}}@media (max-width: 426px){.main-tools{display:none}.home{margin-bottom:320px}.project-section{margin-top:-120px;margin-bottom:0}.thought-container{top:-170px;margin-bottom:0}.thought{margin-top:-110px;width:100%;height:60vh}.tool-container{top:-130px;margin-bottom:0}.tool-div{margin-top:-100px}.tool{width:90%}.contact .overlay{margin-top:90px}.form-div{margin-top:-100px}}@media (max-width: 384px){#home{font-size:2.9rem}.home .overlay{font-size:3rem}.contact h1{font-size:3.1rem}}@media (max-width: 372px){.home h1{font-size:4px}.developer{width:100%;margin-left:7px}.home .overlay{margin-top:50px}}