.cardsection--card{width:300px;height:150px;display:flex;flex-flow:column nowrap;background-color:var(--border-color);position:relative;border-radius:.5rem}.cardsection--card:hover{cursor:pointer}.cardsection--card:before{border-radius:.5rem;height:100%;width:100%;left:0%;top:0%;position:absolute;content:"";background:radial-gradient(800px circle at calc(var(--mouse-x)*1px) calc(var(--mouse-y)*1px),rgba(255,255,255,.4),transparent 20%);opacity:0;z-index:1;transition:all .5s ease}#cardsection:hover .cardsection--card:before{opacity:1}.cardsection--card>*{z-index:2}.cardsection--card>*+*{margin-top:10%}#cardsection{display:flex;flex-flow:row wrap;gap:10px;margin-top:5%;justify-content:center;position:relative}.cardsection--card__content{content:"";position:absolute;width:99%;height:97.5%;border-radius:.5rem;background-color:var(--card);z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.cardsection--card__content:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(800px circle at calc(var(--mouse-x)*1px) calc(var(--mouse-y)*1px),rgba(255,255,255,.1),transparent 30%);transition:opacity .5s;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.cardsection--card__content:hover:after{opacity:1}.cardsection--github-pages{color:#fff;display:flex;width:25vw;white-space:nowrap;gap:7.5px;align-items:center;position:absolute;top:-15px;left:20%;font-size:.75rem;transform:translate(-50%);transition:all .25s}.cardsection--github-pages>*{margin:0}@media screen and (max-width: 660px){.cardsection--card{width:90vw}}.card{display:flex;align-items:center;flex-flow:column nowrap;justify-content:space-around;text-decoration:none}.card>*{color:#d4d4d4;text-decoration:none;text-shadow:5px 0px 10px rgba(255,255,255,.35)}.card--header{font-size:1.5rem;text-decoration-style:solid;color:azure;overflow:hidden;text-overflow:ellipsis;width:fit-content;max-width:95%;white-space:nowrap}.card--anchor{transition:all .25s;font-size:.9rem;border:2px solid rgb(212,212,212);padding:3%;border-radius:.5rem}.card--anchor:hover{background-color:#d4d4d4;color:#000}.card__invisible{opacity:0;position:absolute}.header{margin:0;font-size:5rem;color:#fff;text-shadow:0 0 50px rgba(255,255,255,.3)}.header:hover{text-shadow:0 0 50px rgba(255,255,255,.6);cursor:pointer}.header--wrapper{text-align:center;margin:auto;background-color:var(--bg-color);position:sticky;padding-top:2.5%;top:0;left:0;z-index:99}.header--wrapper>a{text-decoration:none;width:fit-content}.thincenterbar--wrapper{position:relative;width:100%;height:600dvh;display:flex;flex-flow:column nowrap;justify-content:space-between}.thincenterbar--wrapper>h2:first-child{margin-top:20%}.thincenterbar--wrapper>*{background-color:var(--bg-color);text-align:center;color:#fff}.thincenterbar--bar{position:absolute;left:50%;transform:translate(-50%);top:0;width:2.5px;height:100%;background-color:#fff;z-index:-1;border-radius:1rem}.thincenterbar--wrapper h2:last-child{scroll-snap-align:end}.observertext--text{scroll-snap-align:center;opacity:0;font-size:1.25em}body{background-color:var(--bg-color)}.app--animation{animation:fly-in-from-right .5s ease forwards}.app--scrollsection{overflow-y:hidden;height:20dvh}.app--scrollsection::-webkit-scrollbar{display:none}@keyframes fly-in-from-right{0%{transform:translate(200px);opacity:0}to{transform:translate(0);opacity:1}}:root{--border-color:rgba(255, 255, 255, .1);--card:rgb(23, 23, 23);--bg-color:rgb(20,20,20);font-family:Rubik,sans-serif}