*{margin:0;padding:0;overflow-x:hidden;color:#fff}body{width:100vw;height:100%}::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:#0fe8e8}body::-webkit-scrollbar-track{background:#636566}.navbar{position:relative;width:80vw;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-around;align-items:center;border:1px solid aqua;border-radius:25px}.mylogo-h1{font-family:cursive}.navpart2{width:40%;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-around;align-items:center}.navbtn{color:#fff;background-color:transparent;border:none}.navbtn:hover{border-bottom:2px solid rgb(255,156,9);cursor:pointer;transition:1s;color:#0ff}@media (max-width:500px){.navbar{width:85vw;justify-content:space-around}.navpart2{width:55%}}.pageone{position:relative;background-color:#000000d9;width:100vw;height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}a{text-decoration:none}.wrapper{width:92%;height:70vh;display:flex;flex-direction:row;align-content:center;justify-content:center;flex-wrap:nowrap;backdrop-filter:blur(17px) saturate(200%);-webkit-backdrop-filter:blur(17px) saturate(200%);background-color:#f0e6e612;border-radius:12px;border:1px solid rgba(209,213,219,.3)}.wrapper2{height:45vh;display:flex;flex-direction:column;justify-content:space-between;align-content:center;flex-wrap:nowrap;align-items:baseline}.statictxt{margin-left:2vw;margin-top:5vh}.fixedtxt{height:5.6vh;display:flex;max-width:339px;min-width:275px;overflow-y:hidden;justify-content:space-between;align-content:center;align-items:flex-start}.dynamictxt{position:relative;animation:changetxt;animation-duration:8s;animation-timing-function:cubic-bezier(.19,1,.22,1);animation-delay:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-direction:alternate}@keyframes changetxt{0%{transform:translateY(0)}34%{transform:translateY(-40px)}68%{transform:translateY(-80px)}to{transform:translateY(-120px)}}.changingtxt{color:#28f7ff}.section1{position:relative;display:flex;flex-direction:column;align-content:center;flex-wrap:nowrap;justify-content:center;align-items:center}.image-section{width:40vw;border-radius:25px;position:relative;background:url(backgroundimg.png);display:flex}.myimg{width:80%}.cv-btn{background-color:#ff1d1d;cursor:pointer;padding:7px 5px;border-radius:5px;font-weight:700;position:relative;text-decoration:none}.section2{display:flex;width:250px;height:87px;position:relative;flex-wrap:wrap;align-content:flex-end}.f-btns{display:flex;flex-direction:row;width:70%;flex-wrap:nowrap;justify-content:space-around}.follow-btn{width:56px;background:transparent;border:none;cursor:pointer}.logos{width:50px;height:50px}@media (max-width:500px){.fixedtxt{font-size:2rem}.section1{position:relative;display:flex;flex-direction:column;align-content:center;flex-wrap:nowrap;margin-left:-70vw;justify-content:center}.wrapper2{height:68vh}.image-section{width:70vw;border-radius:25px;position:relative;background:url(graph.png);display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;margin-top:20vh;margin-left:0vw}.section2{margin-left:23vw}.cv-btn{padding:10px 8px;border-radius:12px}}.pagetwo{width:100vw;height:100vh;color:#fff;background-color:#000000d9}.pagetwo-main{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.p-s1{width:80vw;height:60vh;display:flex;align-content:center;justify-content:center;align-items:center;backdrop-filter:blur(17px) saturate(200%);-webkit-backdrop-filter:blur(17px) saturate(200%);background-color:#f0e6e612;border-radius:12px;border:1px solid rgba(209,213,219,.3)}.p2-img{width:26vw}.p-s2{width:60%;height:80%;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:space-around}.p-s3,.p-s4,.p-s5{border:1px solid;height:30%;backdrop-filter:blur(17px) saturate(200%);-webkit-backdrop-filter:blur(17px) saturate(200%);background-color:#f0e6e629;border-radius:12px;border:1px solid rgba(209,213,219,.3)}.logo-container{width:80%;height:25vh;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:space-evenly;backdrop-filter:blur(17px) saturate(200%);-webkit-backdrop-filter:blur(17px) saturate(200%);background-color:#f0e6e612;border-radius:12px;border:1px solid rgba(209,213,219,.3)}.skill-logo{width:65px;height:60px;background-color:transparent}ul{display:flex;align-content:center;justify-content:space-evenly;align-items:center;width:98%;height:50%;flex-wrap:wrap;margin-left:1vw}@media (max-width:500px){.pagetwo{height:95vh}.p-s1{width:92vw;height:50vh;display:flex;justify-content:center}.p2-img{width:30vw;height:30vh}.logo-container{width:90%;height:22vh;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:space-between}}.pagethree{width:100%;height:220vh;background:#000000d9;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;align-items:center}.project-section{margin-left:1vw;width:98vw}.card{min-width:245px;height:222px;display:flex;align-content:center;padding:6px;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:center;backdrop-filter:blur(17px) saturate(200%);-webkit-backdrop-filter:blur(17px) saturate(200%);background-color:#f0e6e612;border-radius:12px;border:1px solid rgba(209,213,219,.3)}.card-p{color:#fff}.project-img{width:98%;height:60%;border:none;border-radius:10px}.weblink{text-decoration:none}.react-section,.fullstack-section,.api-section{position:relative;margin-top:5px;margin-left:6px;width:98%;min-height:250px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-evenly;overflow:hidden;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:2vw}.animated-section{position:relative;margin-top:6px;width:98%;min-height:250px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-evenly;overflow:hidden;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:2vw}.animated-section::-webkit-scrollbar{height:5px}.fullstack-section::-webkit-scrollbar{height:5px}.api-section::-webkit-scrollbar{height:5px}.react-section::-webkit-scrollbar{height:5px}::-webkit-scrollbar-thumb{background:#888}:-webkit-scrollbar-track{background:#f1f1f1}@media (max-width:500px){.pagethree{height:170vh}}