/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400&display=swap");html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}main{overflow-x:hidden}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.find-match{height:91%;width:90%;flex-direction:column;display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:2%;box-shadow:2px 2px 20px;border-radius:8px;background-color:#fff}@media screen and (min-height:550px) and (min-width:576px){.find-match{width:60%;height:70%}}.find-match ul{padding:10px;overflow:auto;flex-grow:1}.find-match ul li{list-style:none;margin-top:10px;box-shadow:1px 1px 3px;background-color:#fff}.find-match ul li a{height:100%;width:100%;text-decoration:none;display:block;padding:5px;color:#000}.find-match ul li button{border:0;background:none;height:100%;width:100%;text-align:left;padding:5px;color:#000}.find-match_active{display:flex}.find-match__top-container{display:flex;justify-content:space-between;padding-left:10px;padding-right:10px;color:#000}.find-match__refresh-list{border:0;background:none;color:#343a40}.create-match{flex-direction:column;height:auto;display:none;width:90%;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:8px;box-shadow:2px 2px 20px;background-color:#fff}@media screen and (min-height:550px) and (min-width:576px){.create-match{width:60%}}.create-match-button{background-color:#ff9d1f;border-color:#fff;color:#fff}.create-match-button:hover{opacity:.9}.create-match_active{display:block}.game{width:100%;height:auto;flex-direction:column;text-align:center;overflow:hidden;font-family:"Fredoka One",cursive;background-image:linear-gradient(to right,#5499c7,#2980b9);color:#fff}.game .disabled{pointer-events:none}.show-chat-communicator-button{border:0;background:none;height:40px;width:40px;font-size:15px;position:fixed;right:2%;bottom:2%;border-radius:60%;background-color:#ee7a38;z-index:2}.show-chat-communicator-button i{background:none}.mute-or-unmute-sounds-button{border:0;background:none;width:40px;height:40px;position:fixed;right:2%;font-size:15px;top:2%;border-radius:60%;z-index:2;background-color:#ee7a38;display:none}@media screen and (min-height:550px) and (min-width:576px){.mute-or-unmute-sounds-button{display:block}}.mute-or-unmute-sounds-button i{background:none}@keyframes dots{to{right:-100%}}.game-panel{width:100%;height:auto}@media screen and (min-height:550px) and (min-width:768px){.game-panel{height:80vh;width:30vw;position:fixed;overflow:auto;right:0;top:0}.game-panel::-webkit-scrollbar{display:none}}.game-panel .game-panel__menu{padding-top:20px}@media screen and (min-height:550px) and (min-width:768px){.game-panel .game-panel__menu{height:100%;width:100%;padding-top:20%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}@media screen and (min-height:550px) and (min-width:768px){.game-panel_chat-communicator-is-hidden{padding-top:0;height:100vh;top:50%;transform:translateY(-50%)}}@media screen and (min-height:550px) and (min-width:768px){.game-panel_chat-communicator-is-hidden .game-panel__menu{padding-top:0;height:auto}}.game-panel__your-character-img{width:80%;height:auto}@media screen and (min-height:550px) and (min-width:768px){.game-panel__your-character-img{width:45%;height:auto}}.game-panel__finish-turn-button{border-radius:12px;border:2px solid #fff;color:#fff;background-color:#ff9d1f}.game-panel__finish-turn-button:hover{opacity:.7;color:#fff}.game-panel__round-time{margin-top:5%;font-size:1.618rem;transition:transform .3s}@media screen and (max-width:768px){.game-panel__round-time_sticky{position:fixed;left:50%;top:6rem;transform:translate(-50%,-50%);margin-top:3rem;background-color:transparent;font-weight:bold;font-size:1.618rem;text-shadow:1px 1px white;color:#b34782;z-index:3}}.game-panel__character-type{width:80%;margin-top:5%;display:block;margin-left:auto;margin-right:auto;background-color:transparent;border:2px solid #fff;border-radius:.25rem;padding:2px;cursor:pointer;background-color:#fff;color:#000}@media screen and (min-height:550px) and (min-width:768px){.game-panel__character-type{width:50%}}.game-panel__check-character-type-button{width:80%;font-size:1.2rem;margin-top:1rem;color:#fff;border:2px solid #fff;background-color:#ff9d1f}@media screen and (min-height:550px) and (min-width:768px){.game-panel__check-character-type-button{width:50%}}.game-panel__check-character-type-button:hover{opacity:.7;color:#fff}.game-panel__start-game-button{height:auto;width:80%;border-radius:12px;margin-bottom:1rem;pointer-events:auto;background-color:#b34782;color:#fff}@media screen and (min-height:550px) and (min-width:768px){.game-panel__start-game-button{width:50%}}.game-panel__start-game-button:hover{opacity:.9}.question-mark-icon{color:#fff;background-color:transparent}.game-panel__game-status{color:#7d365a;transition:transform .3s;font-size:1.3rem;font-weight:bold}@media screen and (max-width:768px){.game-panel__game-status_sticky{position:fixed;left:50%;top:4rem;transform:translate(-50%,-50%);text-shadow:1px 1px black;z-index:3}}.chat-communicator{width:100%;height:30%;pointer-events:auto;position:fixed;z-index:3;right:0;bottom:0;display:flex;flex-direction:column;overflow:auto;padding:5px;background-image:linear-gradient(to right,#5499c7,#2980b9)}@media screen and (min-height:550px) and (min-width:768px){.chat-communicator{width:30vw;height:20%;background-image:none;background-color:transparent}}.chat-communicator__messages{width:calc(100% - 20px);height:100%;overflow:auto;text-align:left;margin:14px 10px 5px 10px}.chat-communicator__messages .message{padding:0,5px,0,5px;margin-bottom:2px}.chat-communicator__messages::-webkit-scrollbar{display:none}.send-messages{display:flex;max-height:30px;justify-content:center;margin-left:10px;margin-left:10px}.send-messages__send-message-input{width:100%;height:auto;max-height:30px;align-self:flex-end;padding:10px;margin-top:5px;margin-bottom:5px;border-radius:.5rem;border:none;background-color:#73bbf4;color:#000}.send-messages__send-message-button{border:0;background:none;align-self:flex-end;margin-bottom:5px;margin-right:.5rem;margin-left:.5rem;font-size:1.3rem;color:#ff9d1f}.chat-communicator__hide-communicator-button{border:0;background:none;pointer-events:auto;position:absolute;right:.5rem;top:0}.charackters{height:auto;width:100%;display:flex;flex-direction:column;padding-top:20px;flex-wrap:wrap;justify-content:center}@media screen and (min-height:550px) and (min-width:768px){.charackters{margin-top:0;flex-direction:row}}.character{height:80vw;width:80vw;align-self:center;position:relative;margin-bottom:40px;border-radius:.25rem;background-color:#73bbf4}@media screen and (min-height:550px) and (min-width:768px){.character{margin-left:10px;margin-right:10px;height:calc((60vw - 20px)/3);width:calc((60vw - 20px)/3);max-height:calc((60vw - 20px)/3);max-width:calc((60vw - 20px)/3)}}@media screen and (min-height:550px) and (min-width:1200px){.character{height:calc((60vw - 20px)/6);width:calc((60vw - 20px)/6);max-height:calc((60vw - 20px)/6);max-width:calc((60vw - 20px)/6)}}.character-img{height:100%;width:100%;position:absolute;top:0;left:0}.character-button{border:0;background:none;height:100%;width:100%;padding:0}.character-status{height:100%;width:100%;position:absolute;top:0;left:0;opacity:.7;background-color:transparent;z-index:1}@media screen and (min-height:550px) and (min-width:768px){.game-board{height:auto;width:70%;min-height:100vh;justify-content:center;order:-1;display:flex;flex-direction:column}}.endgame-notification{width:70%;height:auto;flex-direction:column;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:8px;padding:20px;background-color:#fff;z-index:3}@media screen and (min-height:550px) and (min-width:576px){.endgame-notification{width:35%}}.endgame-notification a{color:#fff}.endgame-notification__vote-to-restart-game-button{background-color:#ff9d1f;border-color:#fff;color:#fff}.endgame-notification__vote-to-restart-game-button:hover{opacity:.9;border:2px solid #000}.endgame-notification__exit-button{background-color:#fff;color:#000;border-color:#000}.endgame-notification__exit-button:hover{opacity:.9}.endgame-notification__status{color:#000;background:none}.endgame-notification__character-img{width:80%;height:auto;margin-bottom:1rem}@media screen and (min-height:550px) and (min-width:768px){.endgame-notification__character-img{width:60%}}.game-pause-notification{height:auto;width:90%;flex-direction:column;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:8px;padding:20px;background-color:#fff;z-index:1}@media screen and (min-height:550px) and (min-width:768px){.game-pause-notification{width:35%}}.game-pause-notification p:nth-child(1){background-color:transparent;font-size:1.1rem;color:#000}.game-pause-notification #game-pause-notification__status{overflow:hidden;color:#474554;background:none}.game-pause-notification #game-pause-notification__status span{position:relative;background:none}.game-pause-notification #game-pause-notification__status span::before{background-color:#fff;position:absolute;top:0;right:0;width:100%;height:100%;content:"";animation:dots 2s steps(3,start) infinite}.home{height:auto;min-height:100vh;width:100vw;display:flex;justify-content:center;position:relative;overflow:hidden}.home::before{content:"";height:300vh;width:300vw;position:absolute;top:0;left:0;background:url(../../assets/images/background-home.webp?v=g4uVhFCJReC5XNSfEluC5HVA7hY);z-index:-1;animation:question-marks-animation 350s infinite linear alternate;background-repeat:repeat;background-attachment:scroll}.home::after{content:"";height:100%;width:100%;position:absolute;top:0;z-index:0;left:0;background-size:cover;background-image:linear-gradient(to right,#5499c7,#2980b9);z-index:-2}@keyframes question-marks-animation{to{transform:translate(-100vw,-200vh)}}.home .home-container{display:flex;flex-direction:column;height:auto;width:100%;justify-content:center;align-content:center}@media screen and (min-height:550px) and (min-width:576px){.home .home-container{width:60%}}.home button{border:0;background:none;border-radius:12px;background-color:#e59866;color:#fff;border:3px solid #fff}.home *{font-size:1.618rem;font-family:"Fredoka One",cursive}@media screen and (min-height:550px) and (min-width:576px){.home *{font-size:2.617924rem}}.home_blured{background-color:rgba(0,0,0,.5);filter:blur(4px)}.home-header{height:auto;width:100%;margin-top:5%;display:flex;flex-direction:column}@media screen and (min-height:550px) and (min-width:576px){.home-header{flex-direction:row;justify-content:center}}.home-header h1{text-align:center;margin:2%;font-size:2.617924rem;color:#fff}@media screen and (min-height:550px) and (min-width:576px){.home-header h1{align-self:center}}.home-header__logo{align-self:center}.home-main{height:auto;width:100%;display:flex;flex-direction:column}.home-main__show-find-match-button,.home-main__show-create-match-button{margin-top:3%;height:auto;width:80%;align-self:center;padding:3%}.home-bottom{height:auto;width:100%;display:flex;justify-content:center}.home-bottom__show-informations-about-game-button,.home-bottom__mute-or-unmute-sounds-button{height:auto;width:20%;margin:5%;padding:2%}.informations-about-game{width:90%;height:91%;display:none;overflow:auto;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;padding:3%;box-shadow:2px 2px 20px;border-radius:8px;font-family:"Inter",sans-serif}@media screen and (min-height:550px) and (min-width:576px){.informations-about-game{width:60%;height:70%}}.informations-about-game div{overflow:auto}.informations-about-game div::-webkit-scrollbar{display:none}.informations-about-game p{font-size:1.2rem}.authors{margin-top:1.5rem}.informations-about-game_active{display:flex}.hide-informations-about-game-button{border:0;background:none;position:fixed;right:0;top:0;height:auto;width:auto;font-size:1.618rem}.github-link{display:block;text-align:center;color:#000}.github-link i{font-size:2.617924rem}.authors{margin-top:1rem}