#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}.footer{position:page;width:100%;display:flex;justify-content:space-evenly;padding:20px 0;background-color:hsla(0,0%,100%,.9);box-shadow:0 -3px 10px rgba(0,0,0,.1);z-index:1000}.anchor{font-size:1em}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1001}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}@media (max-width:768px){.footer{flex-direction:column;padding:20px;align-items:center}.footer-item{margin-bottom:10px}}.header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:hsla(0,0%,100%,.9);box-shadow:0 3px 10px rgba(0,0,0,.1);position:relative;min-height:80px}.logo-container{flex:0 1 auto;padding-right:20px;position:relative;z-index:2}.burger-container{padding-right:0}.logo{height:auto;max-width:100px;position:absolute;top:-35px;left:-15px}.nav-container{flex:1 1;display:flex;justify-content:center}.nav-items{list-style:none;align-items:center;display:flex;gap:50px}.anchor{color:#000;font-weight:700;text-decoration:none;font-size:1.25em}.anchor:hover{text-decoration:underline}.language-toggle{flex:0 1 auto;display:flex;align-items:center;height:100%}.language-button{background:none;border:none;font-size:1.25em;margin:auto;cursor:pointer;transition:color .3s ease}.language-button,.language-separator{color:#000;padding:0 10px}.burger{display:none;background:none;border:none;font-size:1.5em;cursor:pointer;color:#000;margin:0}@media (max-width:768px){.header{flex-direction:column;padding:15px 20px}.logo-container{position:static;padding-bottom:10px;display:flex;justify-content:center}.logo{position:static;max-width:80px;top:auto;left:auto}.nav-items{flex-direction:column;margin:0 0 0 -30px;gap:5px}.language-toggle{justify-content:center;padding-top:10px}.language-button{padding:5px;font-size:1.3em}.language-separator{display:none}.burger{display:block}.nav-container{display:none}.header.nav-visible .nav-container{display:flex;flex-direction:column}}body,html{margin:0;padding:0;min-height:100%;color:#000}#root{display:flex;flex-direction:column}