body{background-color:var(--background);color:var(--text);font-size:xx-large;margin:0}header{height:calc(3rem + 100px)}#header-img{height:100px;background-image:url('../images/website/header.png');background-repeat:repeat-x}nav>ul{position:fixed;width:100%;margin:0;padding:0;list-style-type:none;background-color:var(--bar);z-index:1}nav>ul>li{display:inline}nav>ul>li>a{padding:0 1rem 0 1rem;text-decoration:none;color:#000}nav>ul>li>a:hover{color:#000;background-color:var(--bar-hover)}nav>ul>li>a:focus{outline:0;padding:0 .8rem 0 .8rem;border:.2rem solid var(--link-focus)}a{text-decoration:none;color:var(--link)}a:hover{color:var(--link-hover)}main{margin:0 auto 0 auto;width:1500px;min-height:calc(100vh - (6rem + 100px))}main>p{white-space:pre-line}main ul{list-style-type:none}h1,h2,h3{margin:1rem 0 1rem 0}.text-align-center{text-align:center}.bold{font-weight:700}footer{height:3rem;background-color:var(--bar)}footer>h4{height:100%;margin:0;display:flex;justify-content:center;align-items:center;font-size:large;text-align:center}:root{--background:white;--text:black;--bar:rgb(167, 167, 167);--bar-hover:rgb(138, 138, 138);--link:rgb(12, 0, 92);--link-hover:rgb(0, 22, 148);--link-focus:blue;--table-head:aliceblue;--table-odd-even:rgb(228, 228, 228);--table-link-hover:snow;--border:black;--x:rgb(239, 54, 54)}#error-page>*{margin:0;padding:0;text-align:center}.google-ad{width:100%;text-align:center;margin:.5rem 0 .5rem 0}#index-grid{display:grid;grid-template-columns:calc(50% - 0.5rem) calc(50% - 0.5rem);column-gap:1rem}#index-links>p{margin:.5rem 0 .5rem 0;background-color:var(--table-head);border:2px solid var(--border)}#index-links>p:hover{background-color:var(--table-link-hover);cursor:pointer}#index-links>p>a{display:block;padding:.5rem;width:calc(100% - 1rem);height:100%}#video{text-align:center}iframe{border:0;width:560px;height:315px}#game{margin:.5rem auto 0 auto}#game>section{display:grid;grid-template-columns:calc(100% / 3 - 10px / 3) calc(100% / 3 - 10px / 3) calc(100% / 3 - 10px / 3);column-gap:5px;padding-bottom:5px}#game>section>*{border:2px solid var(--border);padding:1rem}#game>section>div:first-child{text-align:left}#game>section>div:nth-child(2){text-align:center}#game>section>div:nth-child(3){text-align:right}#game>section>div>div{display:flex;flex-direction:column}#game>section>div>div>p{margin:0}#game>section>div>img{max-height:7rem;max-width:8rem}#words{display:grid;grid-template-columns:calc(100% / 3) calc(100% / 3) calc(100% / 3);margin-bottom:.7rem}#words>div{border:2px solid var(--border);margin:.2rem;padding:.5rem}#words>div:first-child,#words>div:nth-child(2),#words>div:nth-child(3){background-color:var(--table-head)}.links{display:grid;grid-template-columns:calc(100% / 3) calc(100% / 3) calc(100% / 3);margin-bottom:1rem;padding:.5rem 0 0 0;background-color:var(--table-head)}.next{text-align:right;margin-right:1rem}.index{text-align:center}.previous{margin-left:1rem}.index,.next,.previous{margin-top:.2rem;margin-bottom:1rem}#loader-div{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;margin:0 auto}#loader{border:1.6rem solid var(--text);border-radius:50%;border-top:1.6rem solid var(--background);width:12rem;height:12rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#menu{position:fixed;bottom:2rem;right:2rem;width:70px;height:70px;background-color:var(--bar);border-radius:20%;z-index:1;cursor:pointer}#menu:hover{background-color:var(--bar-hover)}#menu>div{position:relative;width:45px;height:10px;margin:.5rem 0 0 .8rem;background-color:var(--table-head);border-radius:2ch}#menu>div:first-child{margin-top:.8rem}#menu-container>ul{position:fixed;top:7rem;max-height:70vh;width:calc(1500px - 2rem);padding:.5rem 1rem .5rem 1rem;overflow:scroll;background-color:var(--bar)}#menu-container>ul>li{margin:.5rem 0 .5rem 0;background-color:var(--table-head);border:2px solid var(--border)}#menu-container>ul>li:hover{background-color:var(--table-link-hover)}#menu-container>ul>li>a{display:block;padding:.5rem}#menu-container>ul>button{all:unset;position:fixed;top:9rem;margin:0 0 0 -1rem;padding:.4rem .8rem .4rem .8rem;color:var(--background);background-color:var(--x);cursor:pointer}#menu-container>ul>h2{margin-top:2.3rem}#colors{display:flex;flex-direction:row;flex-wrap:wrap}.color{width:10rem;height:10rem;margin:0 2rem 2rem 0}#big-image{max-width:100%}.family-div{display:flex;flex-direction:row;align-items:center}.family-div>img{max-width:30%}#irregular-verbs{margin:auto;margin-bottom:2rem}#irregular-verbs,td,th{border:2px solid var(--border)}#irregular-verbs tr:nth-child(odd){background-color:var(--table-odd-even)}#irregular-verbs th{position:sticky;top:2.4rem;background-color:var(--table-head)}@media screen and (max-width:1525px){main{width:calc(100% - 1.5rem)}#menu-container>ul{width:calc(100% - 1.5rem - 1rem)}#index-grid{display:block}}@media screen and (max-width:670px){main{font-size:x-large}#menu-container>ul>button{margin:-.5rem 0 0 -1rem}}@media screen and (max-width:580px){iframe{width:100%}#words>div{word-break:break-all}}@media screen and (max-width:480px){#game>section>*{padding:.2rem!important}#game>section>div>img{max-width:100%;height:auto}}