@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500&display=swap);:root{--bg-color:#d6d5d380;--bg-cont-color:#f3f2ef80;--text-color-two:#183153;--text-color:#21252b;--temp-bg-color:#c7fcff;--temp-color:#3f454e}[data-theme=dark]{--bg-color:#21252b;--bg-cont-color:#21252b80;--text-color:#fff;--text-color-two:#dcddda;--text-color-second:#21252b;--temp-bg-color:#3f454e;--temp-color:#c7fcff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.nav,body{display:flex}.nav{align-items:stretch;background-color:#d6d5d380;background-color:var(--bg-color);color:#21252b;color:var(--text-color);gap:2rem;justify-content:center;padding:0 1rem}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav a{color:inherit;height:100%;padding:10px;text-decoration:none}.nav a,.site-title{align-items:center;display:flex}.site-title{flex-direction:row;font-size:40px}.header{justify-content:center}.app-logo{height:80px}.nav li.active{background-color:#555}.nav li:hover{background-color:#777}.container{text-align:center}.nav,.nav ul{flex-direction:column}.hamburger span{margin:3px 0;width:25px}@media (max-width:900px){.nav ul{display:none;flex-direction:column;gap:.5rem}.hamburger,.nav ul.active{display:flex}.hamburger{cursor:pointer;margin:1rem}.nav li{text-align:center;width:100%}.nav a{padding:15px 20px;width:100%}.nav li.active,.nav li:hover{background-color:#777}}@media (min-width:900px){.nav,.nav ul{flex-direction:row}}.hamburger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;margin:1rem;width:30px}.hamburger span{background-color:#21252b;background-color:var(--text-color);display:block;height:3px;width:100%}@media (max-width:900px){.hamburger{display:flex}}.toggleThemeButton,body{background-color:#d6d5d380}.toggleThemeButton{align-items:center;background-color:var(--bg-color);border:1px solid #21252b;border:1px solid var(--text-color);border-radius:20px;color:#d6d5d380;color:var(--bg-color);display:flex;justify-content:center;margin-right:10px;margin-top:10px}.toggleThemeIcon{height:40px;padding:5px 20px}.top-header{background-color:#d6d5d380;background-color:var(--bg-color);display:flex;justify-content:space-between}.footer{align-items:center;background-color:#f3f2ef80;background-color:var(--bg-cont-color);border-top:1px solid #d6d5d380;border-top:1px solid var(--bg-color);bottom:0;color:#21252b;color:var(--text-color);display:flex;flex-direction:column;flex-shrink:0;height:60px;justify-content:center;position:fixed;width:100%}.footerIcon{height:30px;margin:0 10px 0 0;padding:0}.game-banner{border-radius:15px;height:300px;margin:0 0 20px;padding:0;width:520px}.footer div{margin:0;padding:0}.footer p{margin:20px 0 0;padding:0}@media (max-width:900px){.game-banner{border-radius:15px;height:200px;margin:0 0 10px;padding:0}}.App{text-align:center}.App-logo{height:200px;pointer-events:none}.App-link{color:#61dafb}.header{display:flex;flex-direction:row;text-align:center}.keyboard-container{display:flex;flex-direction:column;gap:8px;margin-top:20px}.keyboard-row{display:flex;gap:6px;justify-content:center}.keyboard-key{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:700;padding:12px 16px;transition:background-color .2s}.keyboard-key:hover:not(:disabled){background-color:#d8d8d8}.keyboard-key:disabled{background-color:#9e9e9e;color:#616161;cursor:not-allowed;opacity:.7}.about-container{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.about-container,.about-row{align-items:center;display:flex;justify-content:space-around;width:100%}.about-row{flex-direction:row;margin:40px 0 0}.about-row img{border-radius:20px;width:30%}.about-row div{font-size:24px;width:45%}@media (max-width:900px){.about-row{flex-direction:column}.about-row div{width:80%}.about-row div p{margin:15px 0!important}.about-row img{width:80%}.about-row:nth-of-type(2),.about-row:nth-of-type(4){flex-direction:column-reverse!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Red Hat Display,sans-serif;font-size:13px}.container,body{background-color:var(--bg-color);margin:0;min-height:100vh;padding:0}.container{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;width:100%}.profile-wrapper{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight;margin:15px 0;width:80%}.profile,.profile-wrapper{background-color:var(--bg-cont-color)!important;height:700px;position:relative}.profile{align-items:center;border-radius:16px;box-shadow:0 5px 18px #0009;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:.5s;width:100%}.profile .profile-image{background-color:var(--bg-cont-color)!important;background-color:var(--bg-color);height:100%;left:0;position:absolute;top:0;transition:.5s;width:100%;z-index:2}.profile-image img{height:80%;object-fit:contain;width:90%}.profile-image-react{height:50%!important;margin-top:20%;object-fit:contain;width:50%!important}.profile:hover img{opacity:.4;transition:.5s}.profile:hover .profile-image{transform:translateY(-224px);transition:all .9s}.profile:hover .profile-bio{opacity:.9}.social-icons{bottom:284px;display:flex;gap:12px;position:absolute;z-index:3}.social-icons li{list-style:none}.social-icons li a{background:#fff;border:1px solid #cdcdcd;border-radius:4px;display:block;display:grid;font-size:23px;font-weight:700;height:40px;opacity:0;place-items:center;position:relative;transform:translateY(32px);transition:.2s;width:40px}.social-icons li a:hover{background:var(--background);transition:.2s}.social-icons li a svg{color:var(--text-color);transition:.2s}.social-icons li a:hover svg{color:var(--text-color);transform:rotateY(1turn);transition:.8s}.profile:hover .social-icons li a{opacity:1}.profile:hover li:first-child a{transition-delay:.1s}.profile:hover li:nth-child(2) a{transition-delay:.2s}.profile:hover li:nth-child(3) a{transition-delay:.3s}.profile:hover li:nth-child(4) a{transition-delay:.4s}.profile-name{background:var(--background);bottom:0;color:#000;height:224px;left:0;padding:16px;position:absolute;text-align:left;width:100%;z-index:4;z-index:1}.profile:hover .profile-name{background-color:#fff}.profile-name h2{margin-bottom:8px}.header-div{color:var(--text-color);display:flex;justify-content:center}h2{margin-top:10px}@media (min-width:900px){.profile-wrapper{margin:15px 40px;width:60%}.header-div{display:none}}@media (min-width:740px){body{font-size:17px}}@media (min-width:769px){.profile-wrapper{margin:15px 40px;width:60%}body{font-size:16px}}@media (min-width:510px){body{font-size:15px}}@media (min-width:1100px){.container{flex-direction:row;justify-content:space-around}.profile-wrapper{margin:15px 40px;width:60%}.header-div{display:none}body{font-size:12px}}@media (min-width:1300px){body{font-size:14px}}@media (min-width:1600px){body{font-size:16px}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-200%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromDown{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.leftslide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromLeft}.onecard-profile-wrapper,.rightslide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight}.onecard-profile-wrapper{height:700px;margin:15px 0;position:relative;width:80%}@media (min-width:600px){.onecard-profile-wrapper{margin:15px 40px;width:60%}}@media (min-width:900px){.onecard-profile-wrapper{margin:15px 40px;width:50%}}@media (min-width:1200px){.onecard-profile-wrapper{margin:15px 40px;width:40%}}@media (min-width:1500px){.onecard-profile-wrapper{margin:15px 40px;width:29%}}.memory-solo-container{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:calc(100vh - 112px);margin:0;overflow-x:hidden;padding:10vh 0 0;width:100%}.turns{font-size:20px}.memory-info{align-items:center;justify-content:center;width:100%}.memory-game-row,.memory-info{display:flex;flex-direction:column}.create-room-button{height:40px}.memory-type-button{width:300px}.left-button{margin:0 10px 10px 0}.memory-type-button{align-items:center;background:#183153;border:none;border-radius:5px;box-shadow:0 6px 24px 0 #0003;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;justify-content:center;overflow:hidden;position:relative}.hoverable-icon{cursor:pointer;font-size:24px;transition:transform .3s ease}.hoverable-icon:hover{transform:scale(1.2)}.memory-type-button:after{background:#ffd401;content:" ";height:100%;position:absolute;right:0;transition:all .4s ease-in-out;width:0}.memory-type-button:hover:after{left:0;right:auto;width:100%}.memory-type-button span{color:#fff;font-size:1.125em;font-weight:700;letter-spacing:.3em;padding:18px 25px;text-align:center;text-decoration:none;transition:all .3s ease-in-out;width:100%;z-index:20}.memory-type-link{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px;text-decoration:none!important}.memory-type-button:hover span{animation:scaleUp .3s ease-in-out;color:#183153}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.memory-type-button-disabled{color:var(--text-color)!important;margin:10px 0;width:200px}.card-grid{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}.card{position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block;width:100%}.card .front{position:absolute;transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .1s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}@media (min-width:700px){.card-grid{grid-gap:20px;width:90%}.memory-game-row{flex-direction:row}}@media (min-width:840px){.card-grid{width:70%}}@media (min-width:990px){.card-grid{width:45%}}@media (min-width:1700px){.card-grid{width:35%}}.overlay-waiting{align-items:center;background-color:rgba(0,0,0,.788);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0}.loader{height:48px;margin:0 auto 20px;position:relative;width:48px}.loader:before{animation:shadow324 .5s linear infinite;background:#f0808050;border-radius:50%;height:5px;top:60px;width:48px}.loader:after,.loader:before{content:"";left:0;position:absolute}.loader:after{animation:jump7456 .5s linear infinite;background:#f08080;border-radius:4px;height:100%;top:0;width:100%}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px) scaleY(.9) rotate(45deg)}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow324{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.loader-text{font-size:25px}@media (max-width:345px){.loader-text{font-size:20px}}.memory-online-container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.memory-online-container .home-content{align-items:center;display:flex;height:calc(100vh - 52px);justify-content:center;width:100%}.memory-online-container .join-options{display:flex;gap:20px}.memory-online-container .rooms-content{align-items:center;display:flex;height:calc(100vh - 52px);justify-content:center;width:100%}.memory-online-container .rooms-content .rooms-container{background-color:#fff;height:400px;width:500px}.memory-online-container .create-room-content{align-items:center;display:flex;justify-content:center;padding:0 20px;width:100%}.memory-online-container .create-room-content .create-room-container{border-radius:10px;height:400px;padding:16px;width:500px}.tooltip-info{color:var(--text-color);display:flex;flex-direction:row-reverse}.type-options{align-items:center;display:flex;flex-direction:column;gap:20px}.create-room-radio label,.input-group label,.type-options{color:var(--text-color-two)}.memory-online-container .create-room-content .create-room-container .create-room-options{margin-top:16px}.memory-online-container .create-room-content .create-room-container .create-room-options form{display:flex;flex-direction:column;gap:16px}.memory-online-container .single-room-container{color:var(--text-color);flex-direction:column;width:90%}.turn-row{font-size:20px}.score-row,.turn-row{display:flex;gap:20px;justify-content:center;width:100%}.score-row{font-size:10px;margin-top:10px}.one-score{background:linear-gradient(180deg,#36438e,#4554a0 58%,#8592ca);border:1px solid var(--text-color);border-radius:10px;color:#fff;padding:10px;text-align:center;width:100%}@media (min-width:400px){.score-row{font-size:15px}}@media (min-width:700px){.score-row{grid-gap:20px;width:90%}.type-options{flex-direction:row;justify-content:space-between}}@media (min-width:840px){.score-row{width:70%}}@media (min-width:990px){.score-row{width:45%}}@media (min-width:1700px){.score-row{font-size:20px;width:35%}}.memory-online-container .single-room-container{align-items:center;display:flex;justify-content:center}.memory-online-container .single-room-container .card-grid .box{background-color:#fff;height:140px;max-height:100px;max-width:100px;perspective:1000px;position:relative;width:100px}.memory-online-container .single-room-container .card-grid .box img{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;transition:transform .6s ease;width:100%}.memory-online-container .single-room-container .card-grid .box.flipped img.front{transform:rotateY(180deg)}.memory-online-container .single-room-container .card-grid .box.flipped img.back{transform:rotateY(0)}.free-rooms-container{display:flex;flex-direction:column;width:80%}.freeroom-row{border:1px solid var(--text-color);border-radius:10px;color:var(--text-color);display:flex;justify-content:space-between;margin:5px;padding:10px;width:100%}.join-create-button{height:60px;margin:15px}.no-rooms-info{color:var(--text-color);display:flex;font-size:25px;justify-content:center;width:100%}.canceled-modal{display:flex;flex-direction:column;text-align:center}.title-canceled{font-size:20px}.home-container{align-items:center;display:flex;gap:10px;height:80vh;justify-content:center}.game-banner-home{border-radius:15px;height:300px;margin:0 0 20px;padding:0;width:520px}.game-banner-home:hover{opacity:.7!important}.memory-type-link:first-of-type .image-slide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromLeft}.memory-type-link:last-of-type .image-slide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight}.memory-type-link:first-of-type .button-slide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromLeft}.memory-type-link:last-of-type .button-slide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight}@media (max-width:900px){.game-banner-home{border-radius:15px;height:200px;margin:0 0 10px;padding:0}.home-container{flex-direction:column}.button-slide{animation-name:slideInFromTop!important}.image-slide{animation-name:slideInFromDown!important}}.battleship-online-container{flex-direction:column;height:90vh}.battleship-buttons-row,.battleship-online-container{align-items:center;display:flex;justify-content:center;width:100%}.battleship-red-info{background-color:#df2f2fe3;border-radius:5px;color:var(--text-color);margin-bottom:10px;padding:10px}.battleship-blue-info{background-color:#007bff;border-radius:5px;color:#fff;opacity:1;padding:10px 20px;transform:scale(1);transition:background-color .5s ease,transform .3s ease}.battleship-blue-info.scale-up{opacity:.9;transform:scale(1.1)}.your-turn{background-color:#242f6d}.opponent-turn{background-color:#574b4b}@keyframes pulse{0%{transform:scale(.7)}50%{transform:scale(1)}to{transform:scale(.7)}}.pulse{animation:pulse 1.2s infinite}.boats-title{color:var(--text-color)}.battleship-boards{display:flex;flex-direction:column;gap:10px}.pointer-none{pointer-events:none}.battleship-board{display:grid;grid-template-columns:repeat(10,30px);grid-template-rows:repeat(10,30px)}.battleship-cell{align-items:center;background-color:#353581;border:1px solid #747473}.battleship-cell,.boats-box{display:flex;justify-content:center}.boats-box{flex-wrap:wrap;gap:10px;margin:10px}.ready-battleship-button{height:30px;margin:10px;width:100px}.cell-with-boat{background-color:#5252b9}.cell-without-boat{background-color:#353581}.horizontal-boat,.vertical-boat{background-color:#5252b9;border:1px solid grey;margin-bottom:5px}.boat-size-2.horizontal-boat{height:30px;width:60px}.boat-size-2.vertical-boat{height:60px;width:30px}.boat-size-3.horizontal-boat{height:30px;width:90px}.boat-size-3.vertical-boat{height:90px;width:30px}.boat-size-4.horizontal-boat{height:30px;width:120px}.boat-size-4.vertical-boat{height:120px;width:30px}.boat-size-5.horizontal-boat{height:30px;width:150px}.boat-size-5.vertical-boat{height:150px;width:30px}@media (min-width:650px){.battleship-board{grid-template-columns:repeat(10,40px);grid-template-rows:repeat(10,40px)}.boat-size-2.horizontal-boat{height:40px;width:80px}.boat-size-2.vertical-boat{height:80px;width:40px}.boat-size-3.horizontal-boat{height:40px;width:120px}.boat-size-3.vertical-boat{height:120px;width:40px}.boat-size-4.horizontal-boat{height:40px;width:160px}.boat-size-4.vertical-boat{height:160px;width:40px}.boat-size-5.horizontal-boat{height:40px;width:200px}.boat-size-5.vertical-boat{height:200px;width:40px}}@media (min-width:1100px){.battleship-board{grid-template-columns:repeat(10,50px);grid-template-rows:repeat(10,50px)}.battleship-boards{flex-direction:row}.boat-size-2.horizontal-boat{height:50px;width:100px}.boat-size-2.vertical-boat{height:100px;width:50px}.boat-size-3.horizontal-boat{height:50px;width:150px}.boat-size-3.vertical-boat{height:150px;width:50px}.boat-size-4.horizontal-boat{height:50px;width:200px}.boat-size-4.vertical-boat{height:200px;width:50px}.boat-size-5.horizontal-boat{height:50px;width:250px}.boat-size-5.vertical-boat{height:250px;width:50px}}.incorrect-guesses,.masked-term{display:flex;gap:.5em}.hangman-image{height:200px;width:200px}
/*# sourceMappingURL=main.226f1ade.css.map*/