@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@100..900&display=swap";:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;font-size:min(3vw,500%);color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex}body{background-image:linear-gradient(to bottom right,#f78de7,#3dff91);background-attachment:fixed}#desktop-container{display:flex;width:100vw;height:100vh}h1{font-size:min(15vh,120px);font-weight:500;line-height:1;margin-bottom:0%;margin-top:4%}.list-mobile{margin-left:22vw;font-size:6vw}.description{margin-left:4%;margin-right:4%}.description-desktop{font-size:min(2.8vh,36px);line-height:1.5;text-align:left}.description-mobile{font-size:2.25vh;line-height:1.4;text-align:center}.container{background-color:#251310;margin:1% 0;padding:1%;border-radius:3vh;height:90vh}.about-container,.projects-container{width:48vw;min-width:650px;max-width:80vh}#sidebar{background-color:#1a0d0b;padding:1%;margin:1% 0;height:90vh;border-radius:2vh;display:flex;flex-direction:column;float:left;gap:1%;overflow:hidden;transition:width .5s}#topbar{background-color:#1a0d0b;padding:1%;margin:1% 0;width:94vw;border-radius:2vh;display:flex;flex-direction:row;float:top;gap:1%;overflow:hidden;height:min(6vh,75px)}.gradHeading-desktop{text-align:left}.gradHeading-mobile{text-align:center;font-size:14vw}.gradText,.responsiveText:hover{background-image:linear-gradient(to right,#f78de7,#3dff91);-webkit-background-clip:text;background-clip:text;color:transparent}.responsiveText:hover::marker{color:#fff}.responsiveText:hover .icon{stroke:url(#gradient)}.sbItem{display:flex;gap:.8rem;align-items:center;width:min(20vw,250px);font-size:min(2vw,40px);cursor:pointer}.sbTextMed{font-size:min(2vw,40px)}.sbTextLarge{font-size:min(2vw,32px)}.sbTextMobile{font-size:min(4vw,10px)}.sbButton{cursor:pointer;padding:0;border:0;border-radius:10%;background-color:transparent}.sbButton:hover .sbIcon{stroke:url(#gradient)}.sbIcon{width:min(4vw,50px);height:min(4vw,50px);stroke-width:2;stroke-linecap:round}.sbItem:hover .icon{stroke:url(#gradient)}#gradient{width:2vw}#profile{max-width:40%;max-height:40%;width:auto;height:auto;float:left;margin:4% 4% 2%;border-radius:5%}#profile-mobile{max-width:60%;max-height:50%;width:auto;height:auto;justify-self:center;margin:4% 4% 2% 18%;border-radius:5%}