div.icons{flex-direction:row;justify-content:center;gap:20px;padding:1.5rem;display:flex}div.container{flex-direction:column;align-items:center;gap:20px;padding:1rem;display:flex}div.abt{height:100%}div.card{padding:2rem}a,.icon{color:#bab4e6;text-decoration:none;transition:all .2s}.btn{color:#bab4e6;cursor:pointer;background-color:#1a1a1d;width:13rem;height:3rem;transition:all .25s}.btn:hover{color:#110d1b;background-color:#bab4e6}.icon:hover,a:hover{color:#efefef}.btn{margin:1%}.fade-in-element{animation:.5s forwards fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}header,footer{padding:10px;display:flex;left:0}footer{color:#5e5e5e;border-top:1px solid #e5e4e7;justify-content:center;height:100px;font-size:small;bottom:0}header{z-index:10;justify-content:space-between;height:50px;position:fixed;top:0}.sidebar{z-index:5;background-color:#110d1b;border-right:2px solid #efefef;justify-content:center;width:300px;height:100%;padding:1rem 0;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sideCon{flex-grow:1;width:100%;padding:20px}#pfp{border-radius:50%;width:150px}.modal{z-index:2;background-color:#00000080;width:100%;height:100%;padding-top:100px;position:fixed;top:0;left:0;overflow:auto}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}@media only screen and (width<=700px){.modal-content{width:100%}}main{columns:200px;column-gap:20px;padding:5%;transition:all .5s}main img{backface-visibility:hidden;cursor:pointer;border-radius:25px;width:100%;margin-bottom:10px;transition:all .15s}main .imgcontainer{position:relative}main p{letter-spacing:2px;transition:opacity .15s visibility .15s;visibility:hidden;opacity:0;font-size:18px;position:absolute;bottom:8px;right:16px}main img:hover{opacity:.5}main .imgcontainer:hover p{visibility:visible;opacity:1}.modal{z-index:1;background-color:#00000080;width:100%;height:100%;padding-top:100px;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{max-height:650px;margin:auto;display:block}.modal-content,#caption{animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{color:#f1f1f1;font-size:40px;font-weight:700;transition:all .3s;position:absolute;top:15px;right:35px}.close:hover,.close:focus{color:#bbb;cursor:pointer;text-decoration:none}@media only screen and (width<=700px){.modal-content{width:100%}main{columns:150px}}:root{--text:#efefef;--text-h:#5b88b2;--bg:#110d1b;--border:#efefef;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}html,body{overscroll-behavior:none;margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);letter-spacing:2px;font-weight:500}h1{margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}