@import"https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@300..700&display=swap";@keyframes colorAnimation{0%{background:#fff}25%{background:#b6f9f6}50%{background:#fff0a6}75%{background:#ffbfef}to{background:#fff}}@keyframes colorBlackAnimation{0%{background:#353535}25%{background:#b6f9f6}50%{background:#fff0a6}75%{background:#ffbfef}to{background:#353535}}@keyframes borderColorAnimation{0%{border-color:#fff}25%{border-color:#b6f9f6}50%{border-color:#fff0a6}75%{border-color:#ffbfef}to{border-color:#fff}}@keyframes morphAnimation{0%{transform:translate(var(--start, 0));background:#b6f9f6}25%{background:#fff0a6}50%{transform:translate(var(--mid, 0));background:#b6f9f6}75%{background:#ffbfef}to{transform:translate(var(--start, 0));background:#b6f9f6}}@keyframes morphAnimationBis{0%{transform:translate(var(--startBis, 0));background:#b6f9f6}25%{background:#ffbfef}50%{transform:translate(var(--midBis, 0));background:#b6f9f6}75%{background:#fff0a6}to{transform:translate(var(--startBis, 0));background:#b6f9f6}}@keyframes appear{0%{transform:translate(5vw);color:#35353500}to{transform:translate(0);color:#353535}}header{display:flex;align-items:center;justify-content:space-between;background-color:#353535;color:#fff;padding:10px}header ul{list-style:none;display:flex}header li{margin:10px}header a{color:#fff}footer{font-size:small;display:flex;flex-direction:column;align-items:center;background-color:#353535;color:#fff;padding:10px}footer a{color:#fff}footer ul{list-style:none;display:flex}footer li{margin:10px;font-style:italic}footer p{font-size:xx-small}.project{background-color:#ffffff75;color:#353535;padding:10px;border:solid white 1px;border-radius:1vw;animation:borderColorAnimation infinite 10s ease-in-out;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;min-width:50%}.keywords{margin:auto;padding:auto;background:none;border:none;font-size:small}.description{margin:1vw;padding:auto}img{margin:1vw;max-width:fit-content;max-height:fit-content}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}main{flex:1;position:relative}.app{-webkit-user-select:none;user-select:none;font-family:Quicksand,Arial,sans-serif;font-size:medium;text-rendering:optimizeLegibility;margin:0;display:flex;flex-direction:column;min-height:100vh;cursor:none;position:relative;transition:font-size .2s ease-in}.cards{display:flex;flex-direction:row;align-items:center;justify-content:center}button{cursor:none;margin:.5vw;padding:.5vw;color:#fff;background-color:#353535;border:solid white 3px;border-radius:1vw;animation:borderColorAnimation infinite 10s ease-in-out;transition:background-color .5s ease-in-out,color .5s ease-in-out,transform .05s ease-in-out}button:hover{color:#353535;background-color:#fff}button:active{transform:scale(75%)}.row{margin:1vw;display:flex;flex-direction:row;gap:2vw;align-items:stretch;height:60vh}.column{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex:1}.unique{margin:1vw;display:flex;flex-direction:row}a{text-decoration:none;color:#353535;cursor:none}a:after{content:"";display:block;height:1.5px;background:#fff;width:0;transition:width .3s ease-in-out;animation:3s infinite colorAnimation ease-in-out}a:hover:after{width:100%}h1{font-family:Monoton,Arial,sans-serif;font-weight:400;font-style:italic;font-size:9vh;margin-left:2vw;transition:font-size .2s ease-in}h2{font-family:Monoton,Arial,sans-serif;font-weight:400;font-style:italic;letter-spacing:.1vw}h1 span{display:inline-block;transform:translate(5vw);color:#35353500;animation:appear 1s ease-in-out forwards}#pointer{position:fixed;top:0;left:0;z-index:9;background-color:#fff;animation:3s infinite colorAnimation ease-in-out;border-radius:100%;width:10px;height:10px;pointer-events:none;transition:left .05s ease,top .05s ease,transform .05s ease;border:solid #353535 2px}.foreground{overflow-x:auto;max-width:100vw;z-index:5;position:relative}.coolBackground{z-index:1;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}p{margin:3vw;padding:1.5vw;font-size:2.5vh;background-color:#ffffff75;transition:font-size .2s ease-in;border:solid white 1px;border-radius:1vw;animation:borderColorAnimation infinite 10s ease-in-out;width:fit-content}main ul{list-style:none;margin:2vw;padding:1vw;font-size:2.5vh;background-color:#ffffff75;transition:font-size .2s ease-in;border:solid white 1px;border-radius:1vw;animation:borderColorAnimation infinite 10s ease-in-out;width:fit-content}.scroll{position:relative;flex-grow:1;max-height:65%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll::-webkit-scrollbar{display:none}.indicator{position:absolute;top:0;right:0;width:.25vw;background-color:#353535;border-radius:1vh;animation:10s infinite colorBlackAnimation ease-in-out;transition:transform .1s ease-out,height .1s ease-out}hr{border:solid 1px white;animation:borderColorAnimation infinite 5s ease-in-out;margin:1vw}.block{background-color:#fff0;width:.5%;flex:1;border-radius:25%;margin:.1%;animation:morphAnimation 10s infinite ease-in-out;animation-direction:alternate}.invertedBlock{background-color:#fff0;width:.5%;border-radius:25%;flex:1;margin:.1%;animation:morphAnimationBis 10s infinite ease-in-out;animation-direction:alternate}@media (pointer: coarse){#pointer{display:none;animation:none}}@media screen and (max-width: 480px){.app{font-size:small}h1{font-size:7.5vh}p{font-size:2vh}footer{font-size:smaller}}@media screen and (max-width: 400px){.app{font-size:xx-small}h1{font-size:6vh}p{font-size:1.5vh}footer{font-size:smaller}}