@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);:root{--transparent:rgba(0, 0, 0, 0);--black:#000000;--gray:#191919;--light-gray:#393939;--slightly-lighter-gray:#595959;--white:#ffffff;--purple:#42098e;--cyan:#1f5eff;--orange:#ff8c00;--yellow:#ffc400;--green:#00ff00}::-webkit-scrollbar{width:.65rem}::-webkit-scrollbar-track{background-color:var(--transparent)}::-webkit-scrollbar-thumb{background-color:var(--light-gray)}::-webkit-scrollbar-thumb:hover{background-color:var(--black);transition:all .5s}*{box-sizing:border-box;margin:0;padding:0;font-family:Ubuntu,sans-serif;color:var(--white);text-decoration:none;scroll-behavior:smooth}body{background-color:var(--gray)}.text-orange-cyan{color:var(--orange);transition:all .3s ease}.text-orange-cyan:hover{color:var(--cyan)}.spoiler{position:relative}.spoiler:not(.spoiler-shown)::after{opacity:1;cursor:pointer;content:"Spoiler";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);color:var(--purple);display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:.5rem;margin-top:-.5rem;font-weight:700;transition:all .3s ease}.spoiler:not(.spoiler-shown):hover::after{color:var(--cyan)}#home-tictactoe-mention{display:none}#profile-picture-container{position:fixed;top:0;left:0;padding:1rem}#profile-picture-image{max-width:10vw;max-height:10vh;width:100%;border-radius:50%}#site{display:grid;grid-template-columns:min-content 1fr;max-width:100vw}#navigation{position:sticky;top:0;height:100vh;width:min-content;display:flex;align-items:center}#navigation-container{margin-left:5vw;display:flex;flex-direction:column}#navigation-container>a{font-size:5rem;font-weight:700;margin-bottom:1.5vh;width:min-content;color:var(--purple);transition:all .3s ease}#navigation-container>a:hover{color:var(--cyan)}#content{width:100%;padding-right:5vw;padding-left:5vw}#content>*{min-height:100vh;display:flex;justify-content:center;flex-direction:column;padding-top:1.5rem;border-bottom:1px dashed var(--light-gray)}#content>:last-child{border-bottom:none}#content>:first-child{padding-top:unset}#home>*{margin-bottom:3vh;font-size:2rem;line-height:2.25rem}#socials{display:flex;justify-content:center;align-items:center;width:100%}#cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:80%;gap:2rem;width:100%;margin-top:1.5rem;margin-bottom:1.5rem}#cards>*{width:20vw;height:20vh;background-color:var(--light-gray);border-radius:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .3s ease}#cards>:hover{background-color:var(--slightly-lighter-gray)}#cards>*>.socials-card-icon{max-width:5rem;max-height:5rem}#cards>*>.socials-card-icon>img{width:100%}#cards>*>.socials-card-title{font-size:1.5rem;font-weight:700;margin-top:.5rem}#cards>*>.socials-card-link{font-size:1rem;font-weight:500;margin-top:.5rem;width:100%;text-align:left;padding-left:1rem;overflow:hidden;text-overflow:ellipsis}#navigation-tictactoe{display:none}#tictactoe{padding-top:0;display:none}#tictactoe-container{width:100%;height:100vh}#tictactoe-iframe{width:100%;height:100%}#imprint{display:flex;justify-content:center;align-items:center;width:100%;font-size:1.5rem}#imprint>.spoiler::after{font-size:4rem}#imprint-details{margin-top:3rem;width:max-content}#imprint-details>*{text-align:center}@media (hover:none){.text-orange-cyan:hover{color:var(--orange)}#navigation-container>a:hover{color:var(--purple)}#cards>:hover{background-color:var(--light-gray)}}@media screen and (max-width:1200px){#navigation{width:0;opacity:0;pointer-events:none}}