@import url(https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);@font-face{font-family:silverChristmas;src:url(/build/fonts/silver_christmas.d72f140d.otf)}@font-face{font-family:hiChristmas;src:url(/build/fonts/hi_christmas.4932bf6f.otf)}*,body,html{box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}img{max-width:100%}a{color:inherit;text-decoration:none}body{background:#fff;color:#302f2f;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:1.8rem;position:relative}header nav{background-color:#0b5d31;color:#fff;margin-bottom:3rem;padding:2rem}header nav ul{align-items:center;display:flex;flex-direction:row;justify-content:space-around;list-style:none}header nav ul a:hover{color:#f1b846}h1{font-size:11rem;font-weight:400;line-height:.7;text-align:center}h1,h1 span{color:#da1600;font-family:hiChristmas}h1 span{display:block;font-size:.75em}.ball{background:radial-gradient(circle,#d5e6f7,#dbefff,#cde9ff);border-radius:50%;box-shadow:inset 0 0 10px hsla(0,0%,100%,.5),0 4px 8px rgba(0,0,0,.2);font-size:3rem;font-weight:700;height:20rem;margin:1rem auto;overflow:hidden;padding:1rem;position:relative;width:-moz-fit-content;width:fit-content;width:20rem}.ball:before{background:radial-gradient(circle at top,#fff,hsla(0,0%,100%,0) 58%);filter:blur(5px);height:90%;left:5%;top:1%;width:90%}.ball:after,.ball:before{border-radius:100%;content:"";position:absolute}.ball:after{display:none;filter:blur(1px);height:80%;left:10%;top:5%;transform:rotate(-30deg);width:80%}.ball.bubble{animation:bubble-anim 2s ease-out infinite;background:radial-gradient(circle at 50% 55%,rgba(240,245,255,.9),rgba(240,245,255,.9) 40%,rgba(225,238,255,.8) 60%,rgba(43,130,255,.4))}.ball:before{background:radial-gradient(circle at 130% 130%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.8) 58%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,0) 100%);filter:blur(0);height:80%;transform:translateX(131%) translateY(58%) rotate(168deg) rotateX(10deg);width:40%}.ball:after{background:radial-gradient(circle at 50% 80%,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 74%,#fff 80%,#fff 84%,hsla(0,0%,100%,0) 100%);display:block}.ball .snowflakes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ball .snowflakes .snowflake{animation:fall linear infinite;background-color:#fff;border-radius:50%;opacity:.8;pointer-events:none;position:absolute;z-index:1}.ball .snowflakes .snowflake:nth-child(odd){height:4px;width:4px}.ball .snowflakes .snowflake:nth-child(2n){height:6px;width:6px}.ball .count{align-items:center;color:#a9a9a9;display:flex;flex-wrap:nowrap;height:100%;justify-content:center;width:100%}@keyframes fall{0%{transform:translateY(-100px) translateX(-20px)}to{transform:translateY(200px) translateX(20px)}}main{padding:0 1rem;text-align:justify}main section{margin:4rem auto}main h2{color:#da1600;font-family:hiChristmas;font-size:9rem;font-weight:400;margin:2rem auto}main h2,main h3{text-align:center}main h3{margin-bottom:1rem}main p{line-height:2.8rem;margin:2rem 0;text-align:center}main p a{color:#0b5d31;font-weight:700}main form .error{color:#da1600;font-weight:500;margin:1rem}main .login{display:flex;flex-direction:column;padding:2rem}main .login p{margin:0;text-align:center}main .login p:first-of-type{margin-bottom:2rem;padding-bottom:2rem;position:relative}main .login p:first-of-type:after{border-bottom:.4rem solid #b0bec5;bottom:0;content:"";display:block;left:50%;margin:auto;position:absolute;text-align:center;transform:translate(-50%);width:3rem}main .login p a{background-color:#f1b846;color:#fff;cursor:pointer;display:block;margin:1rem auto;padding:.5rem;width:50%}main .login p a:hover{background-color:#d89a1e}main .calendar p:last-of-type{color:#0b5d31;font-size:1.1em;font-weight:700;text-align:center}main .calendar div.table{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:center;margin:auto}main .calendar div.table a{display:inline-block;line-height:0;margin:.2rem;width:calc(20% - .5rem)}main .calendar div.table a img{width:100%}main .calendar table{border-collapse:collapse}main .ranking table{font-size:1.6rem;table-layout:auto;width:100%}main .ranking table th{background-color:#f1b846;color:#fff;padding:.5rem 1rem}main .ranking table tr:nth-child(odd){background-color:rgba(241,184,70,.667)}main .ranking table td{padding:1rem 2rem}main .ranking table td img{border-radius:50%;display:inline;height:4rem;margin-right:1rem;-o-object-fit:cover;object-fit:cover;vertical-align:middle;width:4rem}main section.game div#participation,main section.game div#quiz{margin-bottom:2rem}main section.game div#participation label,main section.game div#quiz label{color:#0b5d31;display:inline-block;font-weight:500;margin:2rem 0 1rem;text-align:left}main section.game div#participation .text-type,main section.game div#quiz .text-type{display:block;margin:1rem 0 2rem;padding:1rem;width:100%}main section.game div#participation textarea,main section.game div#quiz textarea{height:10rem}main section.game div#participation .choice-type>label,main section.game div#quiz .choice-type>label{color:#302f2f;display:inline-block;font-weight:400;margin:0 0 1rem;width:calc(100% - 4rem)}main section.game div#participation .choice-type input,main section.game div#quiz .choice-type input{display:inline-block;width:4rem}main section.game div#participation .audio-type-label audio,main section.game div#quiz .audio-type-label audio{display:block;margin-top:1rem}main section.game div#hangman{display:none}main section.game div.hangman-content #word{font-size:3.5rem;margin:2rem 4rem 4rem;text-align:center}main section.game div.hangman-content #letters{margin:2rem 4rem;text-align:center}main section.game div.hangman-content #letters .letter{background:#0b5d31;border:1px solid #0b5d31;border-radius:4px;color:#fff;cursor:pointer;font-size:2rem;margin:4px;padding:8px 12px}main section.game div.hangman-content #letters .letter.used{background:#bbb;color:#666;cursor:not-allowed}main section.game div.hangman-content #attempts,main section.game div.hangman-content #errors{font-size:2.2rem;font-weight:400;margin-bottom:2rem;text-align:center}main section.game div.hangman-content #errors{color:#da1600}main section.game div.hangman-content #attempts{color:#0b5d31}main section.game div#wheel-container{margin:4rem auto;text-align:center}main section.game div#wheel-container button#spin{display:block;margin:2rem auto}main section.game form[name=photo] label{color:#0b5d31;display:inline-block;font-weight:500;margin:2rem 0 1rem}main section.game form[name=photo] input[type=file]{display:block;font-size:inherit;margin:2rem auto;width:100%}main section.game button.btn.submit{background-color:#0b5d31;border:none;color:#fff;cursor:pointer;font-size:1.6rem;padding:1rem}main section.game .already-done{color:#0b5d31;font-weight:500}main section.galerie .elements{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));margin:2rem auto}main section.galerie .elements.photo{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}main section.galerie .elements figure{align-items:center;display:flex;flex-direction:column;margin:0;padding:0}main section.galerie .elements figure.text{border:.1rem solid #d89a1e;border-radius:.8rem;justify-content:space-between}main section.galerie .elements figure.text a{display:block;min-height:15rem;padding:1rem;text-align:justify;width:100%}main section.galerie .elements figure.text span.title{color:#d89a1e;display:inline-block;font-size:1.2em;font-weight:600;text-align:center;width:100%}main section.galerie .elements figure.photo a{line-height:0}main section.galerie .elements figure img{aspect-ratio:1/1;border-radius:.8rem .8rem 0 0;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}main section.galerie .elements figure figcaption{background-color:#f1b846;border-radius:0 0 .8rem .8rem;color:#fff;font-size:.9em;font-weight:600;padding:1rem;text-align:center;width:100%}main .forgot-password-form,main .login-form,main .register-form{text-align:center}main .forgot-password-form h2,main .forgot-password-form label,main .login-form h2,main .login-form label,main .register-form h2,main .register-form label{color:#0b5d31}main .forgot-password-form input:not([type=checkbox]),main .login-form input:not([type=checkbox]),main .register-form input:not([type=checkbox]){color:#5c5b5b;display:block;font-size:inherit;font-weight:inherit;margin:.5rem auto 1rem;padding:1rem;text-align:center;width:80%}main .forgot-password-form small,main .login-form small,main .register-form small{color:#d89a1e}main .forgot-password-form button[type=submit],main .login-form button[type=submit],main .register-form button[type=submit]{background-color:#f1b846;border:none;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:inherit;margin:1rem auto;padding:.5rem;width:80%}main .profile .infos{align-items:center;display:flex;flex-direction:column;justify-content:space-around;margin-bottom:3rem}main .profile .infos p:first-of-type{color:#0b5d31;font-size:1.2em;font-weight:600}main .profile .infos img{width:30%}main .profile .infos a{background-color:#0b5d31;color:#fff;cursor:pointer;display:block;margin:1rem 0;padding:.5rem;text-align:center}main div.alert.alert-success{background-color:#ede0c5;font-weight:500;margin:1rem;padding:.5rem 1rem;text-align:center}footer{background-color:#0b5d31;color:#fff;margin-top:2rem;padding:2rem;text-align:center}@media screen and (min-width:500px){main div#quiz .audio-type-label audio{margin-top:1rem}}@media screen and (min-width:768px){header{background-image:url(/build/images/header_background.035d00f0.jpg);background-repeat:no-repeat;background-size:cover;position:relative}header nav{background-color:#0b5d31}header h1,header h1 span{color:#fff;font-size:12rem;text-shadow:5px 2px 9px #000}main{margin:auto;padding:0 2rem;width:90%}main .login p a{width:30%}main section.game div.hangman-content #letters{margin:2rem auto;max-width:500px;text-align:center}main .ranking table{font-size:1.8rem}main .ranking table th{padding:1rem 2rem}main .ranking table th:first-of-type,main .ranking table th:last-of-type:not(.date){width:5rem}main .ranking table td img{height:5rem;margin-right:2rem;width:5rem}}@media screen and (min-width:1024px){header h1{font-size:15rem}header nav{padding:2rem}header nav ul{justify-content:center}header nav ul li{margin:auto 6rem}header .ball{height:20rem;width:20rem}body{font-size:2rem}body main{width:80%}body main h2{font-size:11rem}body main .calendar{margin:auto;width:80%}body main .forgot-password-form input:not([type=checkbox]),body main .login-form input:not([type=checkbox]),body main .register-form input:not([type=checkbox]){font-size:inherit;max-width:45rem}body main .forgot-password-form button[type=submit],body main .login-form button[type=submit],body main .register-form button[type=submit]{max-width:45rem}}@media screen and (min-width:1440px){main{max-width:120rem}}.admin h1{color:#267045}.admin table{margin:2rem auto;table-layout:auto;text-align:center;width:100%}.admin table th{background-color:#f1b846;color:#fff}.admin table td,.admin table th{padding:.5rem}.admin table tr:nth-child(odd){background-color:rgba(241,184,70,.667)}.admin .btn{border:none;cursor:pointer;display:inline-block;font-family:inherit;font-size:.8em;margin:1rem 0;padding:.5rem}.admin a.back,.admin a.new{background-color:#f1b846;color:#fff}.admin a.back:hover,.admin a.new:hover{background-color:#d89a1e}.admin form input,.admin form label,.admin form select,.admin form textarea{display:block;margin:1rem 0;width:100%}.admin form input,.admin form select,.admin form textarea{padding:1rem}.admin form textarea{min-height:40rem}.admin form .btn.submit{background-color:#267045;color:#fff}.admin form .btn.submit:hover{background-color:#0a5429}.admin form .btn.delete{background-color:#da1300;color:#fff}.admin form .btn.delete:hover{background-color:#9d0e01}