@import url(https://fonts.googleapis.com/css?family=Quicksand);@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Shizuru);@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap);body{font-family:sans-serif;margin:0;padding:0}p{color:grey;font-weight:300}.navbar-default,nav .navbar{align-items:center;animation-timing-function:ease;animation:move .7s 1;background-color:initial;background-image:none;border:none;box-shadow:none;display:flex;height:100%;justify-content:center;position:fixed;transition:.2s;width:20%;z-index:2}@keyframes move{0%{left:-300px}to{left:0}}.navbar-default .container{align-items:center;border-radius:15px;box-shadow:0 5px 30px #000c;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:8px 15px;padding:10px;position:relative;width:min-content}.navbar-default .navbar-nav{display:inline-grid;text-align:center}.navbar-default .navbar-nav>li>a{color:#333;font-size:16px;font-weight:500;padding:10px 30px;transition:all .5s ease 0s}.navbar-default .navbar-brand{color:#fff;font-display:inherit;font-weight:700}.navbar-default .navbar-toggle{border-color:#333}.navbar-default .navbar-collapse{padding-left:0;padding-right:0}.navbar-default .navbar-collapse>ul>li>a>span{display:none;font-size:16px;font-weight:500;transition:all .5s ease 0s;transition:.2s}.navbar-default .navbar-collapse>ul>li>a:hover{background-color:#666;color:#edf0f1;display:flex;transition:.2s}.navbar-default .navbar-collapse>ul>li>a:hover span{display:block;padding:0 10px;transition:.2s}.navbar-default .navbar-toggle .icon-bar{background-color:#333}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:initial}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:#333;border-radius:100px;color:#fff}.dropdown-toggle{border-radius:100px}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#000}@media only screen and (min-width:1024px){.navbar-collapse.collapse{width:max-content}}@media only screen and (min-width:769px) and (max-width:1500px){.navbar-collapse.collapse{width:max-content}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{justify-self:center}.navbar-default .container{width:55%}}@media only screen and (min-width:768px){.navbar-default .container{border-radius:0;box-shadow:none;margin:0}.navbar-default .container .navbar-collapse,.navbar-default .container .navbar-header{background-color:#edf0f1;border-color:#edf0f1;border-radius:15px;box-shadow:3px 0 15px #000c;margin:8px 15px;padding:10px}}@media only screen and (max-width:1040px) and (min-width:768px){.navbar .container{display:flex}.navbar-default .navbar-nav>li>a{padding:10px 15px}}@media only screen and (max-width:767px){.navbar-default,nav .navbar{animation:down .7s 1;position:revert;width:100%}.navbar-default .navbar-collapse>ul>li>a:hover{display:block}@keyframes down{0%{top:-300px}to{top:0}}.container>.navbar-header{width:100%}.navbar .container{background-color:#f1f1f1;width:90%}.navbar-default .navbar-nav{margin:0}.navbar-default .navbar-nav>li>a{padding:10px 15px}.navbar-default .navbar-collapse{box-shadow:none}.navbar-default .navbar-collapse>ul>li>a>svg{display:none}.navbar-default .navbar-collapse>ul>li>a>span{display:block}}*{box-sizing:border-box;margin:0;padding:0}.appContainer{display:grid;grid-template-columns:25% auto 20%}.base{left:15%;margin:10px 0;padding-bottom:30px;position:absolute;width:70%}.main-content-outer{align-content:center;margin:0;min-height:94vh;padding:0}.main-content-outer,body{font-family:Quicksand,sans-serif}body{min-height:100vh;-webkit-user-select:none;user-select:none;-o-user-select:none}.head,body{background:#333}.head{align-items:center;animation-timing-function:ease;animation:headmove 1.2s 1;border-radius:30px;box-shadow:0 30px 50px #000c;color:#ccc;cursor:default;display:flex;height:auto;justify-content:center;margin:0 50px 10px;padding-bottom:10px;position:relative;transition:.2s;width:auto;z-index:2}.head h1{font-size:30px}@keyframes headmove{0%{top:-300px}to{top:0}}.light-mode{background-color:#ebf5fc;color:#333;transition:background-color .25s ease-out}.dark-mode .navbar-default .container .navbar-collapse,.dark-mode .navbar-default .container .navbar-header{background:#333;border-color:#333}.dark-mode .navbar-default .navbar-toggle{border-color:#999}.dark-mode .navbar-default .navbar-toggle .icon-bar{background-color:#999}.dark-mode .navbar-default .navbar-nav>li>a{color:#999;text-shadow:0 0 0 #ffffff40}.dark-mode .navbar-default .navbar-collapse,.dark-mode .navbar-default .navbar-header{background-color:#333;border-color:#333}.light-mode .head{background:#edf0f1;box-shadow:0 30px 50px #aaa7a7cc;color:#333}.light-mode .main .imgBx img{filter:none}.dark-mode .main .details h2{color:#ccc}.dark-mode .main .details p{color:#777}.dark-mode .main .details button{background-color:#3c3f47}.dark-mode .main .details button .link{color:#999}.dark-mode .main .details button:hover .link{color:#ddd}.light-mode .container .card .face.face1{background-color:#eaeaea}.light-mode .container .card:hover .face.face1{background:#7a08e4}.light-mode .container .card:hover .face.face2{border:1px solid #7a08e4}.light-mode .container .card .face.face1 .content h3{color:#151515}.light-mode .container .card .face.face2{background-color:#edf0f1;box-shadow:0 20px 50px #adadadcc}.light-mode .container .card .face.face1 .content{opacity:.4}.light-mode .container .card:hover .face.face1 .content{filter:invert(95%)}.light-mode .container .card .face.face1 .content h3{color:#000;font-weight:600}.light-mode .container .card:hover .face.face1 .content h3{font-weight:600}.light-mode .mains .card{background:#eaeaea}.light-mode .percent{background:#ccc;border-radius:50%;box-shadow:inset 0 0 50px #eee;height:75px;position:relative;width:75px}.light-mode .card .number h2 span,.light-mode .percent .number h2,.light-mode .text{color:#333}.light-mode .card:hover .percent .number h2{color:#151515;font-size:30px}.light-mode .card:hover .percent .number h2 span,.light-mode .card:hover .text{color:#151515}.light-mode .percent{background:#fff}.dark-mode .education-container .education-card{background:#333;box-shadow:-6px -6px 20px #141414,6px 6px 20px #ffffff1a}.dark-mode .education-container .education-card:hover{box-shadow:inset -6px -6px 10px #14141480,inset 6px 6px 20px #ffffff0d}.dark-mode .education-container .education-card .education-imgBx img{filter:invert(70%);-webkit-filter:invert(70%)}.dark-mode .education-container .education-card .education-contentBx h2{color:#999}.dark-mode .education-container .education-card .education-contentBx p{color:#888}.dark-mode .education-container .education-card span{box-shadow:-4px -4px 15px #141414,4px 4px 15px #ffffff1a;color:#cecece}.dark-mode .experience-container .experience-card{background:#333;box-shadow:-6px -6px 20px #141414,6px 6px 20px #ffffff1a}.dark-mode .experience-container .experience-card .experience-contentBx h2{color:#999}.dark-mode .experience-container .experience-card .experience-contentBx p{color:#888}.dark-mode .experience-container .experience-card span{border-radius:40px;box-shadow:-4px -4px 15px #141414,4px 4px 15px #ffffff1a;color:#cecece;cursor:default;font-size:16px;padding:10px 20px}.light-mode .loader{background-color:#fff}.light-mode .lightbox__close{background:#333;color:#fff}.light-mode .lightbox__message{color:#333}.light-mode .screen{background-color:#fff}.light-mode .screen-header{background-color:#e6eaed;border-top-color:#e6eaed}.light-mode .app-title{color:purple}.light-mode .app-title:after{background-color:purple}.light-mode .app-contact a{color:#222}.light-mode .app-contact a:hover{color:#111}.light-mode .app-form-control{border-bottom:1px solid #ddd;color:#5e6368}.light-mode .app-form-control::placeholder{color:#babcbe}.light-mode .app-form-control:focus{border-bottom-color:#999}.light-mode .app-form-button{color:purple}.light-mode .app-form-button:hover{background-color:#ddd;color:purple}.light-mode div footer{transition:background-color .25s ease-out}.light-mode footer p{color:#1a1919}.light-mode .social{background:#f1f1f1;color:#1a1919}.dark-mode{background-color:#1a1919;color:#999}.dark-mode div footer{background-color:initial}.dark-mode div footer p{color:#999}.dark-mode footer .social-container{background-color:#333;border-color:#333}.dark-mode .wave{filter:invert(30%)}.dark-mode .containerLogin .login-content form .input-div>div>input,.dark-mode .containerLogin .login-content h2{color:#ddd}.dark-mode #container-error{box-shadow:0 15px 30px #00000080;filter:invert(0);-webkit-filter:invert(0)}.dark-mode .game-over,.dark-mode .gameMainContainer .gameCard,.dark-mode .popup-box .box{background-color:#333}.dark-mode .gameover__close{background:#fff;color:#333}.dark-mode .gameover__message{color:#fff}.dark-mode .game-border{background-color:#25252593;box-shadow:0 0 23px 0 #555555bf}.light-mode .game__start-button,.light-mode .whackamole-container{color:#000}@media only screen and (max-width:767px){.appContainer{display:block}.base{left:0;position:revert;width:auto}.dark-mode .navbar-default .container{background-color:#333}}@media only screen and (min-width:320px){.dark-mode-toggle{margin:12px 60px 12px 0!important}}@media only screen and (min-width:768px){.dark-mode-toggle{margin:12px 0!important}}.crop-modal{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000004d;height:70vh;left:50%;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10000}.cropper-wrapper{height:60%;position:relative;width:100%}.crop-actions{display:flex;justify-content:space-between;margin-top:20px}.crop-actions button{background:#2f4f4f;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px}.outer{align-items:center;display:flex;font-family:Quicksand,sans-serif;justify-content:center;margin:0;min-height:94vh;padding:0}.main{display:flex;flex-wrap:wrap;height:500px;justify-content:space-between;margin:20px;position:relative;width:700px}.load{align-items:center;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.main .imgBx{height:100%;position:relative;transition:.2s;width:50%}.main .imgBx,.main .imgBx .upload-overlay{align-items:center;display:flex;justify-content:center}.main .imgBx .upload-overlay{bottom:0;color:#fff;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:2}.main .imgBx .upload-icon{color:#fff;font-size:4rem}.main .imgBx:before{color:#000;content:"";font-size:1.5em;left:20px;opacity:.1;position:absolute;top:20px}.main .imgBx img{animation:blur 4s ease 0s 1;-webkit-animation:blur 4s ease 0s 1;-moz-animation:blur 4s ease 0s 1;filter:sepia(20%);height:500px;object-fit:cover;position:relative;width:350px}.main .details{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:40px;width:50%}.main .details h2{color:#222;cursor:default;font-size:2.5em;line-height:1.2 em;margin:0 0 40px;padding:0}.main .details .editable-name{border:.5px solid #333;border-radius:15px;color:#222;font-size:2.5em;margin:0 0 10px;overflow:hidden;padding:5px;width:40vw}.main .details p{color:#333;cursor:default;font-size:15px}.main .details .editable-details{border:.5px solid #333;border-radius:15px;box-sizing:border-box;color:#333;font-size:15px;overflow:hidden;padding:5px;resize:none;width:40vw}.main .details .link{background:#2f4f4f;border:none;border-radius:40px;box-shadow:none;color:#ddd;cursor:pointer;float:right;font-family:Quicksand,sans-serif;font-size:14px;font-weight:900;letter-spacing:1px;margin-top:15px;outline:none;padding:10px 20px;text-transform:uppercase;transition:.3s}.main .details .link:hover{color:#fff;padding:10px 30px;text-decoration:none;transition:.4s}@media only screen and (max-width:375px){.outer{display:block}.main{width:auto}}@media only screen and (max-width:500px) and (min-width:376px){.main{width:75%}}@media only screen and (max-width:600px) and (min-width:501px){.main{width:65%}}@media only screen and (max-width:720px) and (min-width:601px){.main{height:auto;width:60%}}@media only screen and (max-width:720px){.main{height:auto}.main .imgBx{box-sizing:border-box;height:420px;overflow:hidden;text-align:center;width:100%!important}@keyframes left{0%{top:-300px}to{top:0}}.main .imgBx img{height:350px;left:auto;transform:rotate(0deg);width:100%}.details{height:auto;padding:20px;width:100%!important}.main .details p{margin-left:0;max-width:100%;text-align:justify}}@media only screen and (min-width:768px){.main{height:422px;width:700px}.main .imgBx{position:relative;transition:.2s}.main .details,.main .imgBx{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.main .details{box-sizing:border-box;padding:40px}@keyframes left{0%{top:-300px}to{top:0}}.main .imgBx img{border-radius:50%;height:auto;left:auto;transform:rotate(0deg);width:100%}.main .details p{margin-left:0;max-width:100%;text-align:justify}}@media only screen and (max-width:767px){.main .imgBx img{border-radius:20px;height:350px}.main .details{padding:40px}.main .details h2{font-size:2.5em;margin-bottom:40px}.main .details p{font-size:15px}}@media only screen and (max-width:900px) and (min-width:768px){.main .details h2{font-size:1.5em;margin-bottom:20px}.main .details p{font-size:10px}}@media only screen and (max-width:1045px){.main .details{padding:20px}}.container{align-items:center;display:flex;flex-wrap:wrap;height:auto;justify-content:center;position:relative;width:auto}.container .card{margin:-50px 5px;position:relative}.container .card .face{height:180px;transition:.5s;width:250px}.container .card .face.face1{align-items:center;background:#333;border-radius:20px;display:flex;justify-content:center;position:relative;transform:translateY(80px);z-index:1}.container .card:hover .face.face1{background:#ff0057;border-radius:20px 0 0 20px;transform:translate(-60px,80px);width:120px;z-index:2}.container .card .face.face1 .content{opacity:.7;transition:.5s}.container .card:hover .face.face1 .content{opacity:1}.container .card .face.face1 .content:before{color:#000;content:"";font-size:1.5em;left:20px;opacity:.1;position:absolute;top:20px}.container .card .face.face1 .content img{animation:blur 4s ease 0s 1;-webkit-animation:blur 4s ease 0s 1;-moz-animation:blur 4s ease 0s 1;display:block;margin:auto;max-width:70px}.container .card:hover .face.face1 .content img{max-width:50px}.container .card .face.face1 .content h3{color:#000;cursor:default;font-size:1.3em;margin:10px 0 0;padding:0;text-align:center}.container .card:hover .face.face1 .content h3{font-size:1em}.container .card .face.face2{align-items:center;background:#333;border-radius:20px;box-shadow:0 20px 50px #000c;box-sizing:border-box;display:flex;justify-content:center;padding:20px;position:relative;transform:translateY(-100px)}.container .card:hover .face.face2{border:1px solid #ff0057;border-radius:0 20px 20px 0;transform:translate(60px,-100px);z-index:2}.container .card .face.face2 .content p{cursor:default;font-size:13px;margin:0;padding:0}@media only screen and (max-width:768px){.container{display:grid;height:auto;z-index:1}}@media only screen and (max-width:400px){.head h1{font-size:large}}footer{animation-timing-function:ease;animation:moving .7s 1;display:flex;height:100%;justify-content:center;left:89%;position:fixed;transition:.2s}@keyframes moving{0%{right:-300px}to{right:0}}footer .social-container{align-content:center;align-items:center;align-self:center;background-color:#f1f1f1;border-color:#f1f1f1;border-radius:15px;bottom:0;box-shadow:3px 0 15px #000c;display:grid;height:auto;justify-items:center;left:0;padding:10px;position:relative;right:0}footer p{color:#999;cursor:default;display:flex;font-size:16px;font-weight:400;justify-content:center;padding-top:5px}.social{background:#444;border-radius:40%;box-shadow:0 5px 15px -5px #00000070;color:#999;display:inline-block;font-size:24px;height:40px;line-height:40px;margin:8px;overflow:hidden;position:relative;text-align:center;transition:.2s linear;width:40px}.social:before{background:#3498db;content:"";height:120%;left:-110%;position:absolute;top:90%;transform:rotate(45deg);width:120%}.social:hover{color:#f1f1f1;transform:scale(1.3)}.social:hover:before{animation:aaa .7s 1;left:-10%;top:-10%}@keyframes aaa{0%{left:-110%;top:90%}50%{left:10%;top:-30%}to{left:-10%;top:-10%}}.svg-inline--fa{width:auto}a.facebook:before{background:#3b5998}a.instagram:before{background:#fb3958}a.twitter:before{background:#38a1f3}a.linkedin:before{background:#007bb5}a.stackoverflow:before{background:#f48024}a.github:before{background:#ad5c51}.social-container a:before{z-index:-1}@media only screen and (max-width:767px){footer{height:auto;left:0;margin:3px;position:revert;width:auto}footer .social-container{display:block}}@media only screen and (max-width:375px){footer p{font-size:14px;font-weight:500}.social{font-size:18px;height:30px;line-height:32px;width:30px}}.mains{align-items:center;animation-timing-function:ease;animation:right 1.2s 1;display:grid;grid-template-columns:auto auto auto auto auto;justify-content:center;justify-content:space-around;margin:60px 30px 70px;position:relative;transition:.2s;z-index:1}body::-webkit-scrollbar{display:none}@keyframes right{0%{right:-300px}to{right:0}}.mains,.mains .card{transition:.5s}.mains .card{align-items:center;background:linear-gradient(0deg,#1b1b1b,#222,#1b1b1b);border-radius:100px;display:flex;height:150px;justify-content:center;margin-bottom:10px;margin-right:30px;overflow:hidden;position:relative;text-align:center;width:125px}.mains .card:hover{box-shadow:0 7px 18px #00000080;transform:translateY(-10px)}.mains .card:before{background:#ffffff08;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.percent{background:#222;box-shadow:inset 0 0 50px #000;display:inline-flex;height:75px;position:relative;vertical-align:middle;width:75px;z-index:1000}.percent,.percent .number{align-items:center;border-radius:50%;justify-content:center}.percent .number{display:flex;height:100%;left:0;padding-bottom:10px;position:absolute;top:0;width:100%}.percent .number h2{color:#777;font-size:20px;font-weight:700;transition:.5s}.card:hover .percent .number h2{color:#fff;font-size:30px}.card .number h2 span{color:#777;font-size:12px}.card:hover .percent .number h2 span{color:#fff}.text{color:#777;cursor:default;font-size:12px;font-weight:800;letter-spacing:.5px;margin-top:10px;position:relative;text-transform:uppercase;transition:.5s}.card:hover .text{color:#fff}.percent svg{height:75px;position:relative;width:75px;z-index:1000}.percent svg circle{fill:none;stroke-width:5;stroke-linecap:round;height:100%;transform:translate(2.5px,2.5px);width:100%}@media only screen and (max-width:1100px){.mains{display:grid;grid-template-columns:auto auto auto auto;justify-content:center;margin:0}.card{margin:20px}}@media only screen and (max-width:850px){.mains{display:grid;grid-template-columns:auto auto auto;justify-content:center;margin:0}.card{margin:20px}}@media only screen and (max-width:768px){.mains{display:grid;grid-template-columns:auto auto;justify-content:center;margin:0}.card{margin:20px}.text{font-size:10px}}@media only screen and (max-width:425px){.text{font-size:10px}}button,input{font-weight:700;letter-spacing:1.4px}button{padding-left:12px;padding-right:12px}.backgroundLoader{background-color:#444;max-height:130%;opacity:.8;width:100%;z-index:9}.backgroundLoader,.loader{bottom:0;left:0;position:fixed;right:0;top:0}.loader{background:#333;border-radius:30px;display:flex;height:300px;margin:auto;padding:100px;width:350px;z-index:10}.loader span{background:#eee;border-radius:50%;box-shadow:0 2px 2px #0003;display:block;height:20px;margin:auto 5px;width:20px}.loader span:nth-child(2){background:#f07e6e}.loader span:nth-child(3){background:#84cdfa}.loader span:nth-child(4){background:#5ad1cd}.loader span:not(:last-child){animation:sendEmailAnimate 1.5s linear infinite}@keyframes sendEmailAnimate{0%{transform:translateX(0)}to{transform:translateX(30px)}}.loader span:last-child{animation:jump 1.5s ease-in-out infinite}@keyframes jump{0%{transform:translate(0)}10%{transform:translate(10px,-10px)}20%{transform:translate(20px,10px)}30%{transform:translate(30px,-50px)}70%{transform:translate(-150px,-50px)}80%{transform:translate(-140px,10px)}90%{transform:translate(-130px,-10px)}to{transform:translate(-120px)}}.lightbox__message{color:#fff;font-size:16px;font-weight:900}.lightbox__close{background:#fff;border-radius:100%;box-shadow:0 0 4px #00000080;color:#000;display:block;font-weight:700;height:3rem;line-height:3rem;position:absolute;right:1.5rem;text-align:center;text-decoration:none;top:1.5rem;transition:.2s;width:3rem}.lightbox__close:hover{font-size:medium;height:4rem;line-height:4rem;text-decoration:none;width:4rem}.background{display:flex;min-height:100vh}.containers{flex:0 1 700px;margin:auto;padding:10px}.screen{background-color:#3e3e3e;border-radius:15px;position:relative}.screen:after{border-radius:15px;bottom:0;box-shadow:0 20px 40px #0006;content:"";display:block;left:20px;position:absolute;right:20px;top:0;z-index:-1}.screen-header{align-items:center;background-color:#4d4d4d;border-top-color:#4d4d4f;border-top-left-radius:15px;border-top-right-radius:15px;display:flex;padding:10px 20px}.screen-header-left{margin-right:auto}.screen-header-buttons{background-color:#fff;border-radius:8px;display:inline-block;height:8px;margin-right:3px;width:8px}.screen-header-buttons.closes{background-color:#ed1c6f}.screen-header-buttons.maximize{background-color:#e8e925}.screen-header-buttons.minimize{background-color:#74c54f}.screen-header-right{display:flex}.screen-header-ellipsis{background-color:#999;border-radius:8px;height:3px;margin-left:2px;width:3px}.screen-body{display:flex}.screen-body-item{flex:1 1;padding:50px}.app-title,.screen-body-item.left{display:flex;flex-direction:column}.app-title{color:#ea1d6f;cursor:default;font-size:26px;position:relative}.app-title:after{background-color:#ea1d6f;bottom:-10px;content:"";display:block;height:4px;left:0;position:absolute;width:25px}.app-contact{font-size:11px;margin-top:auto}.app-contact a{color:#888;text-decoration:none;transition:.2s}.app-contact a:hover{color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:.2s}.app-form-group{margin-bottom:15px}.app-form-group.message{margin-top:40px}.app-form-group.buttons{margin-bottom:0;text-align:right}.app-form-control{background-color:initial;border:none;border-bottom:1px solid #666;color:#ddd;font-size:14px;outline:none;padding:10px 0;text-transform:uppercase;transition:border-color .2s;width:100%}.app-form-control::placeholder{color:#666}.app-form-control:focus{border-bottom-color:#ddd}.app-form-button{background-color:initial;border:none;border-radius:15px;color:#ea1d6f;cursor:pointer;font-size:15px;outline:none;padding:10px;transition:.2s}.app-form-button:hover{background-color:#444;color:#fc5a90;transition:.2s}@media screen and (max-width:520px){.screen-body{flex-direction:column}.screen-body-item.left{margin-bottom:30px}.app-title{flex-direction:row}.app-title span{margin-right:12px}.app-title:after{display:none}}@media screen and (max-width:600px){.containers{margin:10px}.screen-body{padding:40px}.screen-body-item{padding:0}}.education-container{align-items:center;display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;justify-content:space-around;position:relative;width:auto;z-index:2}.education-container .education-card{background:#eaeaea;border-radius:100px;box-shadow:-6px -6px 20px #fff,6px 6px 20px #0000001a;display:flex;margin:20px;padding:40px 30px;width:300px}.education-container .education-card:hover{box-shadow:inset -6px -6px 10px #ffffff80,inset 6px 6px 20px #0000000d}.education-container .education-card .education-imgBx{margin:auto;position:relative;text-align:center}.education-container .education-card .education-imgBx:before{color:#000;content:"";font-size:1.2em;left:20px;opacity:.1;position:absolute;top:20px}.education-container .education-card .education-imgBx img{animation:blur 4s ease 0s 1;-webkit-animation:blur 4s ease 0s 1;-moz-animation:blur 4s ease 0s 1;margin-right:10px;max-width:70px}.education-container .education-card .education-contentBx{position:relative;text-align:center}.education-container .education-card .education-contentBx h2{color:#333;cursor:default;font-size:1.2em;font-weight:600;letter-spacing:2px;margin-top:0}.education-container .education-card .education-contentBx p{color:#333;cursor:default;font-size:.75em;margin-bottom:8px}.education-container .education-card span{border-radius:40px;box-shadow:-4px -4px 15px #fff,4px 4px 15px #0000001a;color:#000;cursor:default;font-size:.75em;padding:5px 10px}.education-container .education-card .left{float:left}.education-container .education-card .right{float:right}.education-container .education-card:hover .education-contentBx,.education-container .education-card:hover .education-imgBx{transform:scale(.98)}@media only screen and (max-width:1060px){.education-container{display:grid;height:auto;width:auto}}@media only screen and (max-width:320px){.education-container .education-card{width:290px}}.experience-container{align-items:center;display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;justify-content:space-evenly;position:relative;width:auto;z-index:2}.experience-container .experience-card{background:#eaeaea;border-radius:60px;box-shadow:-6px -6px 20px #fff,6px 6px 20px #0000001a;margin:20px;padding:40px 30px;width:400px}@keyframes blur{0%{-webkit-filter:blur(50px);-moz-filter:blur(50px);-o-filter:blur(50px);-ms-filter:blur(50px)}40%{-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0)}}.experience-container .experience-card .experience-imgBx:before{color:#000;content:"";font-size:1.5em;left:20px;opacity:.1;position:absolute;top:20px}.experience-container .experience-card .experience-imgBx img{animation:blur 4s ease 0s 1;-webkit-animation:blur 4s ease 0s 1;-moz-animation:blur 4s ease 0s 1}.experience-container .experience-card .experience-contentBx,.experience-container .experience-card .experience-imgBx{position:relative;text-align:center}.experience-container .experience-card .experience-contentBx p{color:#333;cursor:default;margin-bottom:15px}.experience-container .experience-card span{border-radius:40px;box-shadow:-4px -4px 15px #fff,4px 4px 15px #0000001a;color:#000;cursor:default;font-size:16px;padding:10px 20px}.experience-container .experience-card .left{float:left}.experience-container .experience-card .right{float:right}@media only screen and (max-width:1060px){.experience-container{display:grid;height:auto;width:auto}}@media only screen and (max-width:425px){.experience-container .experience-card{width:375px}}@media only screen and (max-width:375px){.experience-container .experience-card{width:340px}.experience-container .experience-card span{font-size:13px!important;padding:9px 15px!important}}@media only screen and (max-width:320px){.experience-container .experience-card{width:290px}}@font-face{font-family:digital-clock-font;src:url(/static/media/digital-7.93911ab167c943140756.ttf)}.tetris-game-main{scroll-behavior:unset;text-align:center}.tetris-game-board,.tetris-game-play{justify-items:center}.tetris-game-board{background-color:#ffd76d;border:3px dashed #000;border-radius:100px;display:inline-flex;height:90vh;justify-content:space-evenly;vertical-align:middle;width:90%}.tetris-game-board .tetris-details{border-radius:10px;display:inline-grid;margin-bottom:10px;margin-top:10px}.tetris-game-board .tetris-play-board{border-radius:10px;color:#000;margin:0;padding:25px 20px}.tetris-game-board .tetris-up-next{color:#000;margin:0;padding:30px}.tetris-game-board .tetris-details>div{margin:10px 0;text-align:center}.tetris-game-board .tetris-details .header{border-radius:20px;text-align:center}.tetris-game-board .tetris-details .header>h1{background-color:#2b2242;border-radius:20px;color:#bbb;font-family:Shizuru;font-size:80px;padding:5px 15px 15px;text-align:center}.tetris-game-board .tetris-details .points>p{background-color:#683be4}.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{border-radius:20px;color:#fff;font-family:digital-clock-font;font-size:xx-large;letter-spacing:2px;padding:5px;text-align:center}.tetris-game-board .tetris-details .point-table>h4{background-color:#25754d;margin:0}.tetris-game-main .svg-inline--fa{width:auto;z-index:2}.tetris-game-play .tetris-game-controllers{display:grid;grid-template-columns:auto auto;margin:2px;width:90%}.tetris-game-board .tetris-details .tetris-other-controller{align-items:flex-start;justify-content:flex-start}.tetris-game-board .tetris-details .tetris-other-controller>div>button{margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller{grid-column-gap:0;align-items:flex-end;align-self:end;display:inline-grid}.tetris-game-play .tetris-details .tetris-arrow-controller .rotate{grid-column-start:2;grid-row-start:1;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .left{grid-column-start:1;grid-row-start:2;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .skip{grid-column-start:2;grid-row-start:2;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .right{grid-column-start:3;grid-row-start:2;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller .down{grid-column-start:2;grid-row-start:3;margin:2px}.tetris-game-play .tetris-details .tetris-arrow-controller button,.tetris-game-play .tetris-details .tetris-other-controller button{background-color:#154c79;border:0;border-radius:40px;box-shadow:0 5px #999;color:#fff;display:inline;font-weight:900;height:100px;margin:40px;text-align:center;transition:.2s;width:100px}.tetris-game-play .tetris-details .tetris-arrow-controller button:active,.tetris-game-play .tetris-details .tetris-other-controller button:active{background-color:#113f64;box-shadow:0 3px #666;transform:translateY(4px)}.tetris-game-board .tetris-details .tetris-other-controller button p{color:#fff;font-size:10px;font-weight:700;margin-top:2px}.tetris-game-board .tetris-details .tetris-arrow-controller button:hover,.tetris-game-board .tetris-details .tetris-other-controller button:hover{background-color:#113f64}.game-board{background-color:#0a0707c0;border:5px solid #112}.game-block{height:5em;margin:0;padding:0;width:5em}.piece-view{margin-bottom:10px;margin-left:20px;margin-top:10px}.piece-view .game-block{height:5em;width:5em}.piece-i{background-color:#0341ae;box-shadow:inset -6px -6px 10px #0341ae,inset 6px 6px 20px #00000080}.piece-j{background-color:#72cb3b;box-shadow:inset -6px -6px 10px #72cb3b,inset 6px 6px 20px #00000080}.piece-l{background-color:#ffd500;box-shadow:inset -6px -6px 10px #ffd500,inset 6px 6px 20px #00000080}.piece-o{background-color:#ff971c;box-shadow:inset -6px -6px 10px #ff971c,inset 6px 6px 20px #00000080}.piece-s{background-color:#cb0fff;box-shadow:inset -6px -6px 10px #cb0fff,inset 6px 6px 20px #00000080}.piece-t{background-color:#ff3213;box-shadow:inset -6px -6px 10px #ff3213,inset 6px 6px 20px #00000080}.piece-z{background-color:#2eb8bf;box-shadow:inset -6px -6px 10px #2eb8bf,inset 6px 6px 20px #00000080}.piece-preview{background-color:#00000028}.game-over{background:#ddd;border-radius:30px;bottom:0;display:block;height:250px;left:0;margin:auto;padding:70px 40px;position:fixed;right:0;text-align:center;top:0;width:300px;z-index:10}.gameover__message{color:#000;font-size:16px;font-weight:900;text-align:center;z-index:11}.gameover__close{background:#000;border-radius:100%;box-shadow:0 0 4px #00000080;color:#fff;display:block;font-weight:700;height:3rem;line-height:3rem;position:absolute;right:1.5rem;text-align:center;text-decoration:none;top:1.5rem;transition:.2s;width:3rem;z-index:11}.gameover__close:hover{font-size:medium;height:4rem;line-height:4rem;text-decoration:none;width:4rem}.game-over>.app-form-group>button,.game-over>button{background-color:#169b58;border:0;border-radius:30px;color:#fff;font-weight:900;margin:30px 10px;padding:10px 35px;text-align:center;transition:.2s;width:200px}.game-over>button:hover,.game-over>form>button{background-color:#0e703f;font-size:medium;width:205px}@media only screen and (max-width:1800px){.tetris-game-board{border-radius:50px}.tetris-game-board .tetris-details .header>h1{font-size:40px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{font-size:larger}.tetris-game-play .tetris-details .tetris-arrow-controller button,.tetris-game-play .tetris-details .tetris-other-controller button{height:50px;width:50px}.game-block{height:2em;width:2em}.tetris-game-board .tetris-play-board{padding:15px 10px}.piece-view .game-block{height:1.6em;width:1.6em}.tetris-game-board .tetris-up-next{padding:15px}}@media only screen and (max-width:840px){.tetris-game-board .tetris-details .header>h1{font-size:25px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{font-size:large}.tetris-game-board{margin:10px}.tetris-game-board .tetris-play-board{padding:18px 20px}.tetris-game-board .tetris-up-next{padding:10px}.tetris-game-board .tetris-details .tetris-arrow-controller button,.tetris-game-board .tetris-details .tetris-other-controller button{border-radius:20px;font-size:10px;height:30px;width:45px}.tetris-game-board .tetris-details .tetris-other-controller button p{color:#fff;font-size:8px;font-weight:700;margin-top:2px}}@media only screen and (max-width:760px){.tetris-game-board .tetris-up-next{display:none}}@media only screen and (max-width:650px){.tetris-game-board .tetris-details{margin:20px}.tetris-game-board .tetris-details>div{margin:30px 10px}.tetris-game-board .tetris-details .header{background-color:#0000}.tetris-game-board .tetris-details .header>h1{font-size:20px;padding:0 5px 5px}.tetris-game-board .tetris-details .points>p{font-size:small;padding:5px}.tetris-game-board .tetris-details .point-table{padding:5px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4{font-size:small}.tetris-game-board .tetris-play-board{background-color:#0000;padding:5px 10px}.game-board{border:2px solid #112}.game-block{height:1.5em;width:1.5em}}@media only screen and (max-width:430px){.tetris-game-board{display:inline-flex;flex-direction:column;justify-content:center;margin:5px;width:95%}.tetris-game-board .tetris-details{display:inline-flex;justify-content:center;margin:2px;order:2}.tetris-game-board .tetris-details>div{margin:0}.tetris-game-board .tetris-details .header{display:none}.tetris-game-board .tetris-details .points>p{border-radius:10px;font-size:smaller;margin:5px;padding:2px 8px}.tetris-game-board .tetris-details .point-table{padding:0}.tetris-game-board .tetris-details .point-table>h3{font-size:smaller;margin:5px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4{border-radius:10px}.tetris-game-board .tetris-play-board{align-self:center;order:1;padding:5px}.tetris-game-play .tetris-game-controllers{grid-template-columns:auto auto}.tetris-game-board .tetris-details .tetris-other-controller{margin-bottom:10px}.tetris-game-board .tetris-details .tetris-other-controller div{display:inline-flex;flex-direction:column}.tetris-game-board .tetris-details .tetris-other-controller,.tetris-game-play .tetris-details .tetris-arrow-controller{align-items:center;justify-content:center;margin:0}}@media only screen and (max-width:376px){.tetris-game-board .tetris-details .points>p{border-radius:5px;font-size:10px;margin:2px;padding:1px 4px}.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4{border-radius:5px;font-size:8px;margin:2px}.tetris-game-board .tetris-details .tetris-arrow-controller button,.tetris-game-board .tetris-details .tetris-other-controller button{border-radius:20px;font-size:8px;height:30px;width:40px}}@media only screen and (max-width:321px){.tetris-game-board .tetris-details .point-table>h3,.tetris-game-board .tetris-details .point-table>h4,.tetris-game-board .tetris-details .points>p{font-size:6px}.tetris-game-board .tetris-details .tetris-arrow-controller button,.tetris-game-board .tetris-details .tetris-other-controller button{font-size:5px;height:20px;width:35px}}.snake-container{text-align:center}.snake-container .game-head{background-color:#3e8e41;border-radius:10px;color:#fff;font-size:medium;font-weight:bolder;margin:auto;padding:0 50px;width:fit-content}.game-border{background-color:#c9c9c993;box-shadow:0 0 23px 0 #bbbbbbbf;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto;position:relative}.game-border div p{font-size:1.3vw;margin:0}.point-bar{margin:5px auto 30px}.snake-container .point-bar .game-score{color:#db4e4e;float:left;font-weight:800}.snake-container .point-bar .game-highscore{color:#69d66d;float:right;font-weight:800}.game-splash{align-items:center;background-color:#000000d5;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;top:0;width:100%}.game-splash button,.game-splash div{margin:20px 0}.game-splash div{color:#fff;font-size:40px}.game-splash .game-data-save{display:inline-grid;font-size:revert;text-align:center}.game-splash .game-data-save .game-over-name{border:1px solid #000;border-radius:10px;color:#000;padding:5px 5px 5px 10px}.game-splash .game-data-save .game-over-save{background-color:#248ec2;border:1px solid #000;border-radius:10px;color:#fff;font-size:12px;padding:8px;transition:.5s}.game-splash .game-over-playagain{background-color:#248ec2;border:1px solid #000;border-radius:5px;color:#fff;font-size:25px;padding:10px 20px;transition:.5s}.game-splash .game-data-save .game-over-save:hover,.game-splash .game-over-playagain:hover{background-color:#fff;color:#000;cursor:pointer}.snake-mobile-buttons{flex-direction:column;margin:10px auto auto}.snake-mobile-buttons,.snake-mobile-buttons div{align-items:center;display:flex;justify-content:center}.snake-mobile-buttons div{flex-direction:row;width:100%}.snake-mobile-buttons div button{border:none;border-radius:50px;box-shadow:0 9px #999;color:#000;margin:5px 25px;padding:8px 20px}.snake-mobile-buttons div button:active{background-color:#3e8e41;box-shadow:0 5px #666;transform:translateY(4px)}.minesweeper-head{background-color:#d32c2c;border-radius:20px;color:#fff;font-size:medium;font-weight:bolder;margin:auto auto 10px;padding:5px 100px;width:fit-content}#gameOverImage{background:url(https://www.google.com/logos/fnbx/minesweeper/lose_screen.png) 0 80px no-repeat;background-repeat:repeat-x;height:70%;margin:0 50px;max-width:100%;opacity:1;padding-top:20px;position:relative;z-index:4}.tryAgain{background:#006400;border-radius:7px;color:#9eff9e;cursor:pointer;font-weight:700;margin:0 50px;padding:10px;text-align:center}@media only screen and (max-width:767px){.minesweeper-head{padding:5px 50px}}.whackamole-container{color:#fff;height:86vh;letter-spacing:.2rem}.game,.whackamole-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.game{padding:20px 0;text-align:center;width:100%}.game__title{font-size:1.8rem;transform:translateZ(0);width:100%}.game__score{font-size:.8rem;margin-top:1.3rem;width:100%}.board{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;text-align:center;width:100%}.game__hole{height:30vw;margin:2px;overflow:hidden;width:30vw}.game__mound{backface-visibility:hidden;background:url(/static/media/mole-hole.20585e641de3e0306429.svg);background-position:right 5px bottom 0;background-size:95%;bottom:99%;pointer-events:none;position:relative;width:100%}.game__mole,.game__mound{background-repeat:no-repeat;height:100%}.game__mole{background-image:url(/static/media/mole.8d45375dc72ecb34a874.png);background-position:top;background-size:50px;cursor:pointer;transform:translateY(50%);transition:all .4s}.game__cross,.game__whack{height:100%;width:100%}.game__cross{background-image:url(/static/media/smash.220cd39a9f2ea31c62bd.svg);background-position:50%;background-repeat:no-repeat;background-size:60px}.game__button-container{width:100%}.game__start-button{background:none;border:2px solid #fcb942;border-radius:5px;color:#fff;cursor:pointer;font-family:Amaranth,sans-serif;font-size:1.3rem;letter-spacing:.13rem;margin:5px;padding:.6rem .6rem .7rem}.game__start-button:hover{border:2px solid #ffd008}.game__start-button:focus{outline:none}.game__start-button:active{transform:translateY(.5px)}.game__you-scored{font-size:1.1rem;line-height:3;margin:auto}.game__game-over{background-image:url(/static/media/wavy-border.e08ce540d526db23a5ae.svg);background-position:50%;background-repeat:no-repeat;height:190px;margin-bottom:30px;width:280px}.game__game-over-header{margin:62px 0 -10px}.game__you-name{border:2px solid #ffd008;border-radius:10px;color:#000;padding-left:10px}.game__game-over-button{background-color:#fcb942;border:none;border-radius:10px;color:#333;margin:3px}.game__game-over-button:hover{background-color:#ffa200}.no-background{background:none}@media screen and (min-width:400px){.game__mole{background-size:60px}}@media screen and (min-width:500px){.game__game-over{height:200px;width:320px}.game__game-over-header{margin:70px 0 -10px}.game__cross{background-size:75px}.game{width:400px}.game__mole{background-size:65px}.game__hole{height:120px;width:120px}}@font-face{font-family:Clear Sans;src:url(/static/media/clear-sans.43ea7d2123718b0cfd2c.ttf) format("truetype")}.game-2048-body{align-content:center;align-items:center;background:#020024;background:linear-gradient(90deg,#020024,#57407c 47%,#986ce4);border-radius:30px;color:#fff;display:flex;flex-direction:column;font-family:Clear Sans,sans-serif;font-size:21px;justify-content:center;margin:0 5vw}.game-2048-text{font-weight:700;width:450px}.game-2048-board{background-color:#57407c;border-radius:7px;height:450px;margin:20px;outline:none;padding:5px;position:relative;width:450px}.game-2048-board .game-2048-cell,.game-2048-tile{cursor:default;-webkit-user-select:none;user-select:none}.game-2048-details-box{align-items:center;display:flex;justify-content:space-between;padding:10px;width:450px}.game-2048-resetButton{background-color:#3d2963;border-radius:7px;color:#ffffff80;cursor:pointer;font-size:25px;padding:10px 20px;transition:color .3s ease,background-color .3s ease}.game-2048-resetButton:hover{background-color:#d3386a;color:#fff}.game-2048-score-header{font-size:50%}.game-2048-score-box{background-color:#3d2963;border-radius:7px;color:#ffffff80;min-width:50px;padding:5px 10px;width:75px}.game-2048-cell,.game-2048-tile{background-color:#3d2963;border-radius:7px;color:#766;display:inline-block;font-family:Clear Sans;font-size:55px;font-weight:700;height:100px;line-height:90px;margin:5px;text-align:center;vertical-align:middle;width:100px}.game-2048-tile0{background-color:#dcb}.game-2048-tile2{background-color:#eee;background-image:url(/static/media/2.cb73ccf3bd443208f37f.gif)}.game-2048-tile4{background-color:#eec;background-image:url(/static/media/4.e3175aefe481e7058239.gif)}.game-2048-tile8{background-image:url(/static/media/8.da10f113d36b16cac5cd.gif);color:#ffe}.game-2048-tile16{background-image:url(/static/media/16.4ce00dae08a97e55d77e.gif);color:#ffe}.game-2048-tile32{background-image:url(/static/media/32.0f7bb9c7a4e941f6495c.gif);color:#ffe}.game-2048-tile64{background-image:url(/static/media/64.703f469ebcd51c30d4ec.gif);color:#ffe}.game-2048-tile128{background-image:url(/static/media/128.bfe74f56ba160673fb1b.gif);color:#ffe}.game-2048-tile256{background-image:url(/static/media/256.22a03274ba97c67b3437.gif);color:#ffe;font-size:45px}.game-2048-tile512{background-image:url(/static/media/512.959c256e128f00187c42.gif);color:#ffe;font-size:45px}.game-2048-tile1024{background-image:url(/static/media/1024.d0422a77eb08d73b85c0.gif);color:#fff;font-size:35px}.game-2048-tile2048{background-image:url(/static/media/2048.f327dac376642d6d1051.gif);background-size:contain;bottom:0;color:#fff;font-size:35px;left:0;padding:0;position:absolute;right:0;top:0}.game-2048-controller{margin:5px}.game-2048-controller button{background-color:#ed5471;border:0;border-radius:40px;box-shadow:0 5px #888;color:#fff;display:inline;font-weight:900;height:50px;margin:5px;text-align:center;transition:.2s;width:50px}.game-2048-controller button:active{background-color:#b81c64;box-shadow:0 3px #555;transform:translateY(4px)}.game-2048-try-again{background-image:url(/static/media/try-again.4f930231239de2db3c8d.gif);height:100px;width:100px;z-index:10}.game-2048-tile{background-size:contain;position:absolute}.game-2048-tile.merged{display:none}.game-2048-tile.merged.isMoving{display:inline}.game-2048-overlay,.game-2048-tile.new{animation-delay:.15s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:newTile;transform:scale(0)}@keyframes newTile{0%{transform:scale(0)}to{transform:scale(1)}}.game-2048-overlay{align-items:center;border-radius:7px;bottom:0;display:flex;flex-direction:column;font-size:55px;font-weight:bolder;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.game-2048-tryAgain{background-color:#876;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:40px;width:200px}.game-2048-gameOver{background-image:url(/static/media/game-over.7223586a86c43a6c2902.gif);background-size:contain;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:100}.game-2048-saveGame{background-color:#57407c;height:25%;position:absolute;top:51%;width:100%;z-index:100}.game-2048-saveGame input{border:none;border-radius:20px;color:#3d2963;margin:2.5%;padding:0 3%;width:90%}.game-2048-saveGame button{background-color:#3d2963;border:none;border-radius:20px;color:#fff;margin:2.5%;transition:.5s;width:80%}.game-2048-saveGame button:hover{background-color:#181028;transition:.5s}.game-2048-overlay .game-2048-message{color:#666}@media only screen and (max-width:800px){.game-2048-saveGame button{box-shadow:0 5px #888;transition:.2s}.game-2048-saveGame button:active{background-color:#181028;box-shadow:0 3px #555;transform:translateY(4px)}}@media only screen and (max-width:551px){.game-2048-details-box,.game-2048-text{width:350px}.game-2048-board{height:350px;width:350px}.game-2048-cell,.game-2048-tile{height:75px;width:75px}}@media only screen and (max-width:451px){.game-2048-body{font-size:18px}.game-2048-details-box,.game-2048-text{width:300px}.game-2048-board{height:300px;width:300px}.game-2048-cell,.game-2048-tile{height:62px;width:62px}.game-2048-resetButton{font-size:18px}}@media only screen and (max-width:391px){.game-2048-body{font-size:12px}.game-2048-details-box,.game-2048-text{width:250px}.game-2048-board{height:250px;width:250px}.game-2048-cell,.game-2048-tile{height:50px;width:50px}.game-2048-resetButton{font-size:12px;padding:10px}}@media only screen and (max-width:330px){.game-2048-details-box,.game-2048-text{width:200px}.game-2048-board{height:200px;width:200px}.game-2048-cell,.game-2048-tile{height:37px;width:37px}.game-2048-score-box{min-width:30px;padding:5px;width:50px}.game-2048-controller button{height:25px;margin:2.5px;padding:0;width:25px}}.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:115px;top:5px}.position_0_2:not(.isMoving){left:225px;top:5px}.position_0_3:not(.isMoving){left:335px;top:5px}.position_1_0:not(.isMoving){left:5px;top:115px}.position_1_1:not(.isMoving){left:115px;top:115px}.position_1_2:not(.isMoving){left:225px;top:115px}.position_1_3:not(.isMoving){left:335px;top:115px}.position_2_0:not(.isMoving){left:5px;top:225px}.position_2_1:not(.isMoving){left:115px;top:225px}.position_2_2:not(.isMoving){left:225px;top:225px}.position_2_3:not(.isMoving){left:335px;top:225px}.position_3_0:not(.isMoving){left:5px;top:335px}.position_3_1:not(.isMoving){left:115px;top:335px}.position_3_2:not(.isMoving){left:225px;top:335px}.position_3_3:not(.isMoving){left:335px;top:335px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:115px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:225px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:335px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:115px}to{top:5px}}.row_from_1_to_1{top:115px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:115px}to{top:225px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:115px}to{top:335px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:225px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:225px}to{top:115px}}.row_from_2_to_2{top:225px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:225px}to{top:335px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:335px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:335px}to{top:115px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:335px}to{top:225px}}.row_from_3_to_3{top:335px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:225px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:335px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:115px}to{left:5px}}.column_from_1_to_1{left:115px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:115px}to{left:225px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:115px}to{left:335px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:225px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:225px}to{left:115px}}.column_from_2_to_2{left:225px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:225px}to{left:335px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:335px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:335px}to{left:115px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:335px}to{left:225px}}.column_from_3_to_3{left:335px}@media only screen and (max-width:551px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:90px;top:5px}.position_0_2:not(.isMoving){left:175px;top:5px}.position_0_3:not(.isMoving){left:260px;top:5px}.position_1_0:not(.isMoving){left:5px;top:90px}.position_1_1:not(.isMoving){left:90px;top:90px}.position_1_2:not(.isMoving){left:175px;top:90px}.position_1_3:not(.isMoving){left:260px;top:90px}.position_2_0:not(.isMoving){left:5px;top:175px}.position_2_1:not(.isMoving){left:90px;top:175px}.position_2_2:not(.isMoving){left:175px;top:175px}.position_2_3:not(.isMoving){left:260px;top:175px}.position_3_0:not(.isMoving){left:5px;top:260px}.position_3_1:not(.isMoving){left:90px;top:260px}.position_3_2:not(.isMoving){left:175px;top:260px}.position_3_3:not(.isMoving){left:260px;top:260px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:90px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:175px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:260px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:90px}to{top:5px}}.row_from_1_to_1{top:90px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:90px}to{top:175px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:90px}to{top:260px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:175px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:175px}to{top:90px}}.row_from_2_to_2{top:175px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:175px}to{top:260px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:260px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:260px}to{top:90px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:260px}to{top:175px}}.row_from_3_to_3{top:260px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:90px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:175px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:260px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:90px}to{left:5px}}.column_from_1_to_1{left:90px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:90px}to{left:175px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:90px}to{left:260px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:175px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:175px}to{left:90px}}.column_from_2_to_2{left:175px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:175px}to{left:260px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:260px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:260px}to{left:90px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:260px}to{left:175px}}.column_from_3_to_3{left:260px}}@media only screen and (max-width:451px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:77px;top:5px}.position_0_2:not(.isMoving){left:149px;top:5px}.position_0_3:not(.isMoving){left:221px;top:5px}.position_1_0:not(.isMoving){left:5px;top:77px}.position_1_1:not(.isMoving){left:77px;top:77px}.position_1_2:not(.isMoving){left:149px;top:77px}.position_1_3:not(.isMoving){left:221px;top:77px}.position_2_0:not(.isMoving){left:5px;top:149px}.position_2_1:not(.isMoving){left:77px;top:149px}.position_2_2:not(.isMoving){left:149px;top:149px}.position_2_3:not(.isMoving){left:221px;top:149px}.position_3_0:not(.isMoving){left:5px;top:221px}.position_3_1:not(.isMoving){left:77px;top:221px}.position_3_2:not(.isMoving){left:149px;top:221px}.position_3_3:not(.isMoving){left:221px;top:221px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:77px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:149px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:221px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:77px}to{top:5px}}.row_from_1_to_1{top:77px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:77px}to{top:149px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:77px}to{top:221px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:149px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:149px}to{top:77px}}.row_from_2_to_2{top:149px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:149px}to{top:221px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:221px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:221px}to{top:77px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:221px}to{top:149px}}.row_from_3_to_3{top:221px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:77px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:149px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:221px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:77px}to{left:5px}}.column_from_1_to_1{left:77px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:77px}to{left:149px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:77px}to{left:221px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:149px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:149px}to{left:77px}}.column_from_2_to_2{left:149px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:149px}to{left:221px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:221px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:221px}to{left:77px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:221px}to{left:149px}}.column_from_3_to_3{left:221px}}@media only screen and (max-width:391px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:65px;top:5px}.position_0_2:not(.isMoving){left:125px;top:5px}.position_0_3:not(.isMoving){left:185px;top:5px}.position_1_0:not(.isMoving){left:5px;top:65px}.position_1_1:not(.isMoving){left:65px;top:65px}.position_1_2:not(.isMoving){left:125px;top:65px}.position_1_3:not(.isMoving){left:185px;top:65px}.position_2_0:not(.isMoving){left:5px;top:125px}.position_2_1:not(.isMoving){left:65px;top:125px}.position_2_2:not(.isMoving){left:125px;top:125px}.position_2_3:not(.isMoving){left:185px;top:125px}.position_3_0:not(.isMoving){left:5px;top:185px}.position_3_1:not(.isMoving){left:65px;top:185px}.position_3_2:not(.isMoving){left:125px;top:185px}.position_3_3:not(.isMoving){left:185px;top:185px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:65px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:125px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:185px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:65px}to{top:5px}}.row_from_1_to_1{top:65px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:65px}to{top:125px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:65px}to{top:185px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:125px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:125px}to{top:65px}}.row_from_2_to_2{top:125px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:125px}to{top:185px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:185px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:185px}to{top:65px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:185px}to{top:125px}}.row_from_3_to_3{top:185px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:65px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:125px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:185px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:65px}to{left:5px}}.column_from_1_to_1{left:65px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:65px}to{left:125px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:65px}to{left:185px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:125px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:125px}to{left:65px}}.column_from_2_to_2{left:125px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:125px}to{left:185px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:185px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:185px}to{left:65px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:185px}to{left:125px}}.column_from_3_to_3{left:185px}}@media only screen and (max-width:330px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:52px;top:5px}.position_0_2:not(.isMoving){left:99px;top:5px}.position_0_3:not(.isMoving){left:146px;top:5px}.position_1_0:not(.isMoving){left:5px;top:52px}.position_1_1:not(.isMoving){left:52px;top:52px}.position_1_2:not(.isMoving){left:99px;top:52px}.position_1_3:not(.isMoving){left:146px;top:52px}.position_2_0:not(.isMoving){left:5px;top:99px}.position_2_1:not(.isMoving){left:52px;top:99px}.position_2_2:not(.isMoving){left:99px;top:99px}.position_2_3:not(.isMoving){left:146px;top:99px}.position_3_0:not(.isMoving){left:5px;top:146px}.position_3_1:not(.isMoving){left:52px;top:146px}.position_3_2:not(.isMoving){left:99px;top:146px}.position_3_3:not(.isMoving){left:146px;top:146px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:52px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:99px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:146px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:52px}to{top:5px}}.row_from_1_to_1{top:52px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:52px}to{top:99px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:52px}to{top:146px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:99px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:99px}to{top:52px}}.row_from_2_to_2{top:99px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:99px}to{top:146px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:146px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:146px}to{top:52px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:146px}to{top:99px}}.row_from_3_to_3{top:146px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:52px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:99px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:146px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:52px}to{left:5px}}.column_from_1_to_1{left:52px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:52px}to{left:99px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:52px}to{left:146px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:99px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:99px}to{left:52px}}.column_from_2_to_2{left:99px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:99px}to{left:146px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:146px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:146px}to{left:52px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:146px}to{left:99px}}.column_from_3_to_3{left:146px}}.popup-box{background:#00000050;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1100}.popup-box .box{background:#fff;border-radius:40px;height:auto;margin:calc(4vh - 20px) auto 0;max-height:98vh;overflow:auto;padding:20px;position:relative;width:98%}.close-icon{background:#d33;border:1px solid #d33;border-radius:50%;color:#fff;content:"x";cursor:pointer;font-size:40px;font-weight:bolder;height:50px;line-height:40px;position:fixed;right:calc(4% - 30px);text-align:center;top:calc(7vh - 33px);width:50px}@media only screen and (max-width:1800px){.close-icon{font-size:30px;height:40px;line-height:30px;right:calc(4% - 20px);top:calc(7vh - 30px);width:40px}}@media only screen and (max-width:768px){.popup-box .box{border-radius:30px}.close-icon{font-size:20px;height:30px;line-height:24px;right:calc(4% - 10px);right:4%;width:30px}}.gameMainContainer{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:30px}.gameMainContainer .gameCard{background-color:#f1f1f1;box-shadow:0 4px 8px 0 #0003;height:270px;margin:5px;transition:.3s}.gameMainContainer .gameCard,.gameMainContainer .gameCard img{border-radius:10px;transition:.5s;width:150px}.gameMainContainer .gameCard:hover{box-shadow:0 8px 16px 0 #0003;height:300px;transition:.5s;width:170px}.gameMainContainer .gameCard:hover img{transition:.5s;width:170px}.gameMainContainer .gameCard:hover p{font-size:14px;transition:.5s}.gameMainContainer .gameCard .gameContainer{padding:2px 16px;text-align:center}.gameMainContainer .gameCard .gameContainer .gameDetails{display:block}.gameMainContainer .gameCard .gameContainer .gameDetails h4{font-size:1.5rem}.gameMainContainer .gameCard .gameContainer .gameDetails input[type=button]{background-color:#04ab5c;border:none;border-radius:10px;color:#f1f1f1;font-size:14px;letter-spacing:0;margin-top:10px;padding:15px;transition:.2s}.gameMainContainer .gameCard .gameContainer .gameDetails input[type=button]:hover{padding:20px;transition:.2s}@media only screen and (max-width:767px){.gameMainContainer .gameCard{position:relative}}#container-error{align-items:center;background:url(/static/media/p404.9b65855e2034edeaa4ad.png),#222;border-radius:10px;box-shadow:0 15px 30px #00000080;display:flex;filter:invert(90%);-webkit-filter:invert(90%);height:100%;justify-content:center;margin:50px 20px;position:relative}#container-error .content-error{margin-bottom:50px;margin-top:50px;max-width:600px;text-align:center}#container-error .content-error h2{color:#fff;cursor:default;font-family:Poppins,sans-serif;font-size:18vw;line-height:1em}#container-error .content-error h4{background:#fff;color:#111;cursor:default;display:inline-block;font-family:Poppins,sans-serif;font-size:1.5em;font-weight:300;margin-bottom:20px;padding:10px 20px;position:relative}#container-error .content-error p{color:#fff;cursor:default;font-family:Poppins,sans-serif;font-size:1.2em}#container-error .content-error a{background:#ff0562;border-bottom:4px solid #d00d56;border-radius:25px;color:#fff;display:inline-block;font-family:Poppins,sans-serif;margin-top:25px;padding:10px 25px;position:relative;text-decoration:none}@media screen and (max-width:480px){#container-error{margin:100px 20px}#container-error .content-error p{padding-left:40px;padding-right:40px}}.boxDiv{background:#fff;border-radius:60px;box-shadow:0 5px 30px #000c;font-family:Roboto Condensed,sans-serif;height:250px;margin:15px;padding:0;width:auto}.boxDiv,.boxDiv .time{box-sizing:border-box;position:relative}.boxDiv .time{background:#262626;border-radius:50px 0 0 50px;float:left;height:100%;padding:20px;text-align:center;transition:.5s;width:30%}.boxDiv:hover .time{background:#e91e63}.boxDiv .time h2{color:#fff;font-size:40px;left:50%;line-height:60px;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.boxDiv .time h2 span{font-size:30px}.boxDiv .details{background:#0000;box-sizing:border-box;float:left;height:100%;padding:30px 20px;width:65%}.boxDiv .details h3{color:#000;font-size:22px;font-weight:600;margin:0;padding:0;position:relative;text-transform:uppercase}.boxDiv .details p{color:#777;font-size:16px;margin:10px 0 0;padding:0;position:relative}.boxDiv .details span{border:2px solid #262626;color:#000;cursor:pointer;display:inline-block;font-size:18px;margin-top:15px;padding:10px 15px;text-decoration:none;transition:.5s}.boxDiv .details span:hover{background:#e91e63;border-color:#e91e63;color:#fff}@media(max-width:991px){.boxDiv{background:#ffffffe6;height:auto;width:auto}.boxDiv .time{border-radius:20px;box-shadow:0 0 4px #00000080;height:80px;padding:0;width:80px}.boxDiv .time h2{font-size:18px;line-height:20px}.boxDiv .time h2 span{font-size:15px}.boxDiv .details{background:#0000;float:none;padding-bottom:20px;padding-left:100px;padding-top:20px;width:100%}.boxDiv .details span{padding:5px 10px}}.noItem{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;min-height:100vh;padding:0;width:100%}.btn{background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:1.2rem;height:50px;outline:none;text-transform:uppercase;transition:.5s;width:30%}.wave{height:100%;z-index:-1}.containerLogin,.wave{bottom:0;left:0;position:fixed}.containerLogin{grid-gap:7rem;display:grid;font-family:Poppins,sans-serif;grid-template-columns:repeat(2,1fr);height:100vh;overflow:hidden;padding:0 2rem;width:100vw;z-index:1}.containerLogin .img{align-items:center;display:flex;justify-content:flex-end}.containerLogin .login-content{align-items:center;display:flex;justify-content:flex-start;text-align:center}.containerLogin .img img{width:500px}.containerLogin .login-content form{width:360px}.containerLogin .login-content img{height:100px}.containerLogin .login-content h2{color:#333;font-size:2.9rem;margin:15px 0;text-transform:uppercase}.containerLogin .login-content .input-div{border-bottom:2px solid #d9d9d9;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;position:relative}.containerLogin .login-content .input-div.one{margin-top:0}.containerLogin .login-content form .input-div .i{align-items:center;color:#d9d9d9;display:flex;justify-content:center}.containerLogin .login-content form .input-div .i i{transition:.3s}.containerLogin .login-content form .input-div>div{height:45px;position:relative}.containerLogin .login-content form .input-div>div>h5{color:#999;font-size:18px;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s}.containerLogin .login-content form .input-div:before,.input-div:after{background-color:#38d39f;bottom:-2px;content:"";height:2px;position:absolute;transition:.4s;width:0}.containerLogin .login-content form .input-div:before{right:50%}.containerLogin .login-content form .input-div:after{left:50%}.containerLogin .login-content form .input-div.focus:before,.input-div.focus:after{width:50%}.containerLogin .login-content form .input-div.focus>div>h5{font-size:15px;top:-5px}.containerLogin .login-content form .input-div.focus>.i>i{color:#38d39f}.containerLogin .login-content form .input-div>div>input{background:none;border:none;color:#555;font-family:poppins,sans-serif;font-size:1.2rem;height:100%;left:0;outline:none;padding:.5rem .7rem;position:absolute;top:0;width:100%}.containerLogin .login-content form .input-div>div>input::placeholder{color:#999}.containerLogin .login-content form .input-div.pass{margin-bottom:4px}.containerLogin .login-content form a{color:#999;display:block;font-size:.9rem;text-align:right;text-decoration:none;transition:.3s}.containerLogin .login-content form a:hover{color:#38d39f}.containerLogin .login-content form .btn{background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:1.2rem;height:50px;margin:1rem 0;outline:none;text-transform:uppercase;transition:.5s;width:100%}.containerLogin .login-content form .btn:hover{background-position:100%}@media screen and (max-width:1050px){.containerLogin{grid-gap:5rem}}@media screen and (max-width:1000px){.containerLogin .login-content form{width:290px}.containerLogin .login-content h2{font-size:2.4rem;margin:8px 0}.containerLogin .img img{width:400px}}@media screen and (max-width:900px){.containerLogin{grid-template-columns:1fr}.containerLogin .img,.wave{display:none}.containerLogin .login-content{justify-content:center}}@media screen and (max-width:767px){.containerLogin{position:relative}}.copyright{bottom:0;color:#fff;position:fixed;text-align:center;width:100%;z-index:1000}@media screen and (max-width:767px){.copyright{position:sticky}}body.light-mode{background-color:#fff;color:#333;transition:background-color .3s ease}body.dark-mode{background-color:#333;color:#dfdfdf}body.dark-mode .navbar{background-color:#0000}body.dark-mode .dark-mode-toggle>button{color:#999}body.dark-mode .dark-mode-toggle>button:last-child{color:#add8e6}.dark-mode-toggle{display:inline-flex;margin:12px 70px 12px 0}.dark-mode-toggle>button{background:none;border:none;color:#ffe600;cursor:pointer;font-size:1.2em;padding:0 7px;transition:color .3s ease}.dark-mode-toggle>button:last-child{color:#666}.dark-mode-toggle>button:focus{outline:none}.toggle-control{align-items:center;display:flex;padding:0 4px;position:relative}input[type=checkbox].dmcheck{appearance:none;background:#555;border-radius:5px;cursor:pointer;height:10px;margin:0;outline:none;position:relative;vertical-align:2px;width:40px}input[type=checkbox].dmcheck:checked+label{left:30px}input[type=checkbox].dmcheck:focus-visible{outline:2px solid #fff}input[type=checkbox].dmcheck+label{background:#fff;background-color:#d4d4d4;border-radius:50%;cursor:pointer;display:inline-block;height:18px;left:0;margin-bottom:0;margin-top:0;opacity:.9;position:absolute;transition:all .3s ease;width:18px}body,html{margin:0;padding:0}.animContainer{height:100vh;position:fixed;width:100vw}.animParticles{height:100%;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:100%}.animParticles li{animation:animate 25s linear infinite;background:#fff3;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.animParticles li:first-child{animation-delay:0s;background:#f25f5c;height:80px;left:25%;width:80px}.animParticles li:nth-child(2){animation-delay:2s;animation-duration:12s;background:#ffe066;height:20px;left:10%;width:20px}.animParticles li:nth-child(3){animation-delay:4s;background:#247ba0;height:20px;left:70%;width:20px}.animParticles li:nth-child(4){animation-delay:0s;animation-duration:18s;background:#70c1b3;height:60px;left:40%;width:60px}.animParticles li:nth-child(5){animation-delay:0s;background:#50514f;height:20px;left:65%;width:20px}.animParticles li:nth-child(6){animation-delay:3s;background:#f25f5c;height:110px;left:75%;width:110px}.animParticles li:nth-child(7){animation-delay:7s;background:#ffe066;height:150px;left:35%;width:150px}.animParticles li:nth-child(8){animation-delay:15s;animation-duration:45s;background:#247ba0;height:25px;left:50%;width:25px}.animParticles li:nth-child(9){animation-delay:2s;animation-duration:35s;background:#70c1b3;height:15px;left:20%;width:15px}.animParticles li:nth-child(10){animation-delay:0s;animation-duration:11s;background:#50514f;height:150px;left:85%;width:150px}@keyframes animate{0%{border-radius:0;opacity:1;transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;transform:translateY(-1000px) rotate(2turn)}}
/*# sourceMappingURL=main.e652df06.css.map*/