#frontpage{width:99vw;height:100vh;min-height:450px;text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;background:linear-gradient(90deg,#ffe5e533,#bec2ffa8);box-shadow:0 0 2em #4a4a4a80}#fronttextarea{width:50vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:10vh}.logo{height:min(50vh,28.125vw);padding:1.5em;will-change:filter;transition:filter .3s;border-radius:40px}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}@keyframes cursorTick{0%,49%,to{opacity:0%}50%,99%{opacity:100%}}#frontpageFlashingCursorAnimation{animation:cursorTick 1s infinite}.paragraph-component{width:85vw;height:max-content;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border:2px solid rgba(0,0,0,0);border-radius:1.5vw;padding:1em;margin-top:5vh;margin-bottom:5vh;background:#eafffc00;box-shadow:0 0 #4a4a4a80}.paragraph-image{height:min(25vh,25vw);object-fit:contain;margin-right:1em;opacity:0;border-radius:1vw}.card-content{display:flex;width:65%;flex-direction:column;align-items:flex-start;margin-left:5vw;margin-right:1vw}@keyframes translateInFromLeft{0%{transform:translate(-30%);opacity:0}to{transform:translate(0);opacity:100%}}.translate-in-from-left{animation:translateInFromLeft .5s forwards}@keyframes backgroundFadeIn{0%{background:#eafffc00;border:2px solid rgba(0,0,0,0);box-shadow:0 0 #4a4a4a80}to{background:#eafffc80;border:2px solid rgba(0,0,0,.5);box-shadow:0 0 1em #4a4a4a80}}.background-fade-in{animation:backgroundFadeIn .5s forwards}.paragraph-component span{opacity:0}.paragraph-component img{opacity:0;margin-left:4%}.card-content a img{opacity:0;width:3vw;will-change:filter;transition:filter .3s;margin-top:7vh}.card-content a img:hover{filter:brightness(.5)}