@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";.App{font-family:sans-serif;display:flex;flex-direction:column}html,body{all:unset;overflow-x:hidden}.leftSide{display:flex;flex-direction:row;width:100%;margin-top:1rem;padding-left:10px;padding-right:10px}.tabs{display:flex;flex-direction:line;width:100%}.Content{flex:1}h1{font-size:1.9rem;margin-top:3px;margin-bottom:3px}h2{font-size:1.6rem;margin-top:.6px;margin-bottom:.6px}.overlay{display:flex;justify-content:center;position:fixed;width:100vw;height:100vh;z-index:1000}.fullscreen-image{width:100%;height:100%;object-fit:contain;padding:50px;box-sizing:border-box}.text-buffer{padding:50px;z-index:1}.repo-button{display:flex;padding:0;border-radius:0;color:#74499f}.repo-button:hover{text-decoration:underline}.parent{border-radius:10px;overflow:hidden;display:flex;justify-content:center}.parent img,.parent video{border-radius:inherit}.centerd-image{display:flex;justify-content:center;border-radius:10px;overflow:hidden}.fullscreen-image:hover{cursor:zoom-out}button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#a18aba;font-family:Roboto Condensed,sans-serif;cursor:pointer}button:hover{color:#74499f;text-decoration:underline}button.active{color:#601aa5;text-decoration:underline}.top-button{display:flex;font-size:22px;font-weight:700;width:100%;text-align:center;justify-content:center;align-items:center}h2{padding:0;margin-top:3px;margin-bottom:3px}.zoom-image{cursor:zoom-in;transition:transform .3s ease}.zoom-image.zoomed{transform:scale(2);cursor:zoom-out;z-index:10}.content-container{padding:15px 10px;display:flex;flex:1}.content-container-pfp{padding:15px 50px;display:flex}.content-container-about{margin-top:100px;padding:15px 10px;margin-bottom:450px;display:flex;flex:1;justify-content:center;align-items:center}.gallery-col{display:flex;flex-direction:column;gap:20px;padding:10px 7px}.gallery-row{display:flex;flex-direction:row;gap:20px;padding:10px 7px}.gallery-col{display:flex;flex-direction:line;gap:20px;padding:10px 7px}.proj-col{display:flex;flex-direction:column;gap:5px;padding:0 7px}.text-cont{width:500px}.gallery-image{border-radius:5px;object-fit:cover}.custom-list{list-style-type:square;padding-left:5px}.out-container{padding:2rem}.slider-wrapper{position:relative;max-width:54rem;margin:0 auto;scrollbar-width:0}.slider{display:flex;aspect-ratio:16/9;scroll-snap-type:x mandatory;scroll-behavior:smooth;box-shadow:0 1.5rem 3rem -.75rem #00000040;border-radius:.5rem;overflow-x:hidden;overflow-y:hidden}.slider img{flex:1 0 100%;scroll-snap-align:start;object-fit:cover}.slider-nav{display:flex;column-gap:1rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:1}.slider-nav a{width:.5rem;height:.5rem;border-radius:50%;background-color:#fff;opacity:.75;transition:opacity ease .25s}.footer{background-color:#e0e0e0;width:100vw;margin-top:0;display:flex;height:50px;justify-content:center;align-items:center;flex:1;border-top-left-radius:10px;border-top-right-radius:10px;padding-bottom:40px;padding-top:40px}.footer-inner{width:10px;display:flex;margin-right:10px;margin-left:10px;transition:transform .3s ease}.footer-inner:hover{transform:scale(1.2)}