.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{color:#000;background:#fff;padding:20px;border-radius:5px;text-align:center;box-shadow:0 0 10px #0000004d;max-width:300px;width:80%}.popup-content p{margin-top:20px}.motivation-button{border:none;background:none;padding:0;margin:0;font:inherit;color:#fff;outline:none;cursor:pointer;font-weight:lighter}.close-box{margin-top:10px}.menu{display:flex;text-align:center;margin:0 auto}.menuDiv{position:fixed;padding-top:30px;top:0;left:0;right:0;display:flex;justify-content:space-between;border-bottom:#fff 1px solid;margin:0 10%;background-color:#181818}.menuUl{display:flex}.menuUl>li{margin:0 10px}.menuUl>li>a{color:#fff}.menuUl>li>button{border:none;background:none;padding:0;margin:0;font:inherit;color:#fff;outline:none;cursor:pointer;font-weight:lighter}@media (max-width: 600px){html,body{overflow-x:hidden}.menuDiv{width:90%;margin:0 5%}.menuUl{display:flex}.menuUl>li{display:none}.menuUl>li:first-child,.menuUl>li:last-child{display:block}}.footer{border-top:#fff 1px solid;top:30px;left:0;right:0;margin:150px 10%}.footer>a{color:#fff}@media (max-width: 600px){.footer{margin:150px 5%}}.playBtn{float:left}.styleBtn{background-color:#fff;color:#181818;border-radius:30px;padding:3px 25px;margin-bottom:15px}.icon{margin-top:120px;text-align:center}.profile-container{width:1000px;margin:60px auto;display:grid;grid-template-columns:500px 250px 250px;grid-template-rows:250px 250px;grid-gap:20px;justify-content:center}.item{cursor:pointer;transition:all .5s ease}.item:hover{border:#0b89f7 2px solid}.item:nth-child(1){padding:30px;text-align:center;grid-row:1 / span 2;background-color:#520ff7;border-radius:50px}.item:nth-child(2){padding:20px;background-color:#393939;border-radius:50px;color:#fff}.item:nth-child(3){padding:20px;background-color:#f2fa5b;border-radius:50px;color:#181818}.item:nth-child(4){padding:20px;background-color:#f5f5f5;border-radius:50px;color:#181818}.item:nth-child(5){padding:20px;background-color:#520ff7;border-radius:50px;color:#fff}.profileIcon{width:30px}.profile-image{width:150px;height:150px;background-size:cover;object-fit:cover;border-radius:90%}.profileInfo{margin-left:30px;text-align:left;margin-right:20px}.profileInfo>p{font-weight:lighter}.profileBox{display:flex;align-items:center}.eduSec{width:1000px;margin:150px auto}.eduSec>h2{margin-bottom:20px}.eduGrid{width:1000px;margin:0 auto;display:grid;grid-template-columns:250px 250px 500px;grid-template-rows:250px 250px;grid-gap:20px;justify-content:center}.edu-item:nth-child(1){padding:30px;text-align:center;background-color:#520ff7;border-radius:50px}.edu-item:nth-child(1)>img{width:150px;margin-top:20px}.edu-item:nth-child(2){background-color:#393939;border-radius:50px;display:flex;justify-content:center;align-items:center}.edu-item:nth-child(2)>img{width:150px}.edu-item:nth-child(3){padding:20px;grid-row:span 2;align-items:center}.eduInfo>p:nth-of-type(1){font-weight:700;text-align:center}.eduInfo>p:nth-of-type(2){font-weight:lighter;text-align:center}.edu-item:nth-child(4){background-color:#f5f5f5;border-radius:50px;display:flex;justify-content:center;align-items:center}.edu-item:nth-child(4)>img{width:150px}.edu-item:nth-child(5){padding:20px;background-color:#520ff7;border-radius:50px;text-align:center}.edu-item:nth-child(5)>img{width:155px;margin-top:25px}.skillGrid{width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;justify-content:center}.skillSec{width:1000px;margin:150px auto}.skillSec>h2{width:1000px;margin:0 auto 20px}.skill-icon:nth-child(1){padding:20px}.skill-icon:nth-child(2){padding:20px}.skill-icon:nth-child(3){padding:20px}.skill-icon:nth-child(4){padding:20px}.skill-icon:nth-child(5){padding:20px}.skillName{text-align:center}.expGrid{width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:350px;grid-gap:20px;justify-content:center}.expSec{width:1000px;margin:150px auto}.expSec>h2{width:1000px;margin:0 auto 45px}.exp-icon:nth-child(1){padding:20px;background-color:#393939;border-radius:50px;display:flex;justify-content:center;align-items:center}.exp-icon:nth-child(2){padding:20px;background-color:#393939;border-radius:50px}.exp-icon:nth-child(3){padding:20px;background-color:#520ff7;border-radius:50px}.exp-icon:nth-child(4){padding:20px;background-color:#520ff7;border-radius:50px}.exp-info{text-align:center}.exp-info>p:nth-of-type(1){font-weight:700}.exp-info>a{font-weight:lighter;color:#fff}@media (max-width: 600px){header{padding-left:5%;padding-right:5%;text-align:center}.profile-container{width:350px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.item:nth-child(1){grid-column:1/3;grid-row:1/3}.item:nth-child(2){grid-column:1/2;grid-row:3/4}.item:nth-child(3){grid-column:2/3;grid-row:3/4}.item:nth-child(4){grid-column:1/2;grid-row:4/5}.item:nth-child(5){grid-column:2/3;grid-row:4/5}.profileBox{display:block}.profileInfo{text-align:center}.eduSec{width:350PX;padding-left:5%;padding-right:5%}.eduGrid{width:350px;display:block}.edu-item:nth-child(1){background-color:none}.edu-item:nth-child(2){display:none}.edu-item:nth-child(3){text-align:center}.edu-item:nth-child(4){display:none}.edu-item:nth-child(5){display:none}.skillSec{width:350px;padding-left:5%;padding-right:5%}.skillGrid{width:350px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.expSec{width:350px}.expGrid{width:350px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.two-box{text-align:center;margin:20vh auto;width:70%}.game-box{color:#fff}.gameQ{margin-top:30px}.gameA{margin:30px}.gameA>button:nth-child(1){background-color:#f5f5f5;color:#000;margin-right:20px;padding:20px 60px;border-radius:15px}.gameA>button:nth-child(2){background-color:#520ff7;color:#fff;margin-left:20px;padding:20px 60px;border-radius:15px}@media (max-width: 600px){.gameA{display:flex;justify-content:center}.gameA>button:nth-child(1){margin-right:10px;padding:10px 30px}.gameA>button:nth-child(2){margin-left:10px;padding:10px 30px}}.players{flex:1;width:80%;padding:.5em;color:#fff;margin:0 auto}.player-name{color:#76bed2;margin:0 .25em}#player-messages{padding-top:.25em;opacity:.7}.event{color:#454545}.player-event{color:#a5dceb;margin:0 .25em}.system-event{color:#dd9428;margin:0 .25em}.login-box{text-align:center;background-color:#131313;margin:15% auto;padding:30px 20px;border-radius:10px;box-shadow:0 4px 8px #00000080;max-width:300px;color:#fff}.login-box label{font-size:1.5em;margin-bottom:15px;display:block}.login-box input{width:80%;padding:10px;margin:15px 0;border:none;border-radius:5px;outline:none;background-color:#333;color:#fff;transition:background-color .3s}.login-box input::placeholder{color:#aaa}.login-box input:focus{background-color:#444}.login-box button{display:inline-block;margin-top:15px;padding:10px 20px;border-radius:5px;background-color:#4caf50;color:#fff;text-decoration:none;font-weight:700;transition:background-color .3s}.login-box a:hover{background-color:#45a049}@media (max-width: 600px){.login-box{width:60%;padding:20px;margin-top:25%;margin-bottom:-100px}.login-box label{font-size:1.2em}.login-box input{padding:8px}.login-box a{padding:8px 15px;font-size:.9em}}*{margin:0;padding:0}html{scroll-behavior:smooth}body{width:100%;height:100%;background-color:#181818;color:#fff;font-family:poppins,sans-serif}ul,li{list-style:none}a{text-decoration:none;font-weight:lighter}@media (max-width: 600px){html,body{overflow-x:hidden}}