@import"https://fonts.googleapis.com/css2?family=Fasthand&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico";@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display";@import"https://fonts.googleapis.com/css2?family=Nova+Mono";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono";*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}html,body,.App{min-height:100vh;margin:0;padding:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;background-color:var(--black1);overflow-y:hidden;overflow-x:hidden}p{font-size:1.4rem}.App>*{height:100vh;display:flex;flex-direction:column}.App>div{width:100vw}header{position:sticky;background:var(--black1);color:var(--white1);border-bottom:15px solid;border-image:linear-gradient(to bottom,var(--red1) 50%,var(--blue1) 50%) 147;padding:1rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--funky-font)}header h1{margin:0;font-size:3rem}main{height:95vh;width:100%;scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box}div section:not(:first-child){display:flex;flex-direction:column;align-items:center;overflow-x:scroll}section{position:relative;height:100%;width:100%;scroll-snap-align:start;padding:0rem;overflow-x:hidden}section h2{margin:1rem 0;color:var(--red1);font-family:var(--funky-font);font-size:2rem}.text{color:var(--white1);font-size:2rem;margin-left:30px;margin-right:30px}nav{position:absolute;z-index:99;right:0px;display:flex;flex-direction:column;justify-content:center;height:50%;width:30px;transition:.3s ease;overflow-x:hidden}nav:hover{width:108px}nav>.navEle{display:flex;justify-content:center;flex-direction:column;text-align:center;margin:5%;width:100px;height:50px;padding:2px;border-radius:20px;color:#fff;border-color:var(--white1);border-width:2px;font-family:var(--funky-font);font-size:16px;background:linear-gradient(to left,var(--red1) 50%,var(--blue1) 70%) -10px;background-size:240% 100%;transition:.9s ease-out}nav>.navEle:hover{background-position:right;border-color:var(--white1);color:var(--white1)}@keyframes color-change{0%{background:linear-gradient(to right,var(--red1))}50%{background:linear-gradient(to right,var(--red1))}to{background:linear-gradient(to right,var(--red1))}}.image-wrapper{display:flex;height:100%;width:100%}.image-wrapper img{object-fit:cover;opacity:.8;min-height:100%;max-height:100%;min-width:100%;position:relative}:root{--green1:rgba(48, 140, 97);--green2:rgba(80, 200, 120);--white1: rgba(240, 231, 218);--red1: rgba(204, 38, 48);--red2: rgba(153, 0, 0);--blue1: #4F7CAC;--black1: black;--funky-font: Share Tech Mono ;--second-font: Pacifico}#pictureBox{display:flex;flex-direction:row;justify-content:left;height:85%;width:90%;max-width:fit-content;border:5px solid var(--white1);overflow-x:scroll}#pictureBox>*{margin:1rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}