*{
    margin: 0;padding: 0;}body{font-family:'Times New Roman', Times, serif;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}body, html{height: 100%;}img{max-width: 100%;}a{text-decoration: none;}a:hover{text-decoration: underline;}.container_full{width: 100%;height: auto;}.container{width: 960px;display: block;margin: 0 auto;}.fix{overflow: hidden;}.aligncenter{display: block;margin:0 auto;}.floatleft{float: left;}.floatright{float: right;}

h1{
    color:#426696;font-weight: 600;font-size: 2.3rem;opacity: 0.8;}h2{color:#658ec6;font-weight: 500;opacity: 0.8;}h3{color:#426696;font-weight: 600;opacity: 0.8;}
/*=====================================main css start ========================================*/
.container_full{
    min-height: 100vh;background: linear-gradient(to right top,#65dfc9,#6cbded);}
.fix{
    justify-content: center;display: flex;align-items: center;}
.glass{
    min-height: 80vh;background: white;width: 80%;border-radius: 2rem;background: linear-gradient(to right bottom, rgba(255,255,255,0.7),rgba(255,255,255,0.3));z-index: 2;backdrop-filter: blur(2rem);display: flex;}
.circle1, .circle2{
    background: white;background: linear-gradient(to right bottom, rgba(255,255,255,0.8),rgba(255,255,255,0.3));position: absolute;height: 12rem;width: 12rem;border-radius: 50%;}
.circle1{
    top: 5%;right: 15%;}
.circle2{
    bottom: 5%;left: 10%;}
    /*--------------------- close Background --------------*/
.dashboard{
    flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;text-align: center;background: linear-gradient(to right bottom, rgba(255,255,255,0.8),rgba(255,255,255,0.3));border-radius: 2rem;border: 0.1rem solid #0001016d;}
.games{
    flex: 2;}
.user{}
.user h3{
    font-size: 0.8rem;}
.user p{
    font-size: 0.6rem;}
.photo{
    height: 70px;width: 70px;margin: px 0 0 0 ;}
/*--------------------- close user --------------*/
.links{
    margin-top: -1rem;}
.link{
    display: flex;margin: 1rem 0rem;padding: 0.2rem 5rem;align-items: center;}
.link img{
    height: 26px;width: 26px; background:linear-gradient(to right top,#00e1ff1e,#00eeff62); border-radius: 3px;}
.link h3{
     cursor: pointer;padding: 0rem 2rem;}
    .link h3:hover{
        color: #fb4f00f5;}
.pro{
    background: linear-gradient(to right top,#65dfc9,#6cbded);border-radius:1rem;padding: 0.1rem;position: relative;}
.pro h2{
    color: white;font-size:  15px;width: 35%;padding: 0.4rem;}
.pro h2:hover{
    text-decoration: underline;cursor: pointer;}
.pro img{
    height: 45px;width: 55px;position: absolute;top: 20%;right: 10%;}
/*--------------------- close links --------------*/
.games{
    margin: 2rem;display: flex;justify-content: space-evenly;flex-direction: column;}
.status{
    margin-bottom: 2rem;}
.status input{
    background: linear-gradient(to right bottom, rgba(255,255,255,0.2),rgba(255,255,255,0.8));border: none;width: 50%;padding: 0.2rem;border-radius: 0.6rem;box-shadow: 6px 6px 20px rgba(122,122,122,0.715);}
.card{
    display: flex;background: linear-gradient(to left top,rgba(255,255,255,0.8),rgba(255,255,255,0.5));border-radius: 1rem;margin: 1rem 0rem;padding: 1rem;box-shadow: 6px 6px 20px rgba(122, 122, 122, 0.639);justify-content: space-between;}
.card img{
    height: 3rem;width: 3rem;}
.progress{
    background: linear-gradient(to right top,#65dfc9,#6cbded);width: 100%;height: 25%;border-radius: 1rem;position: relative;overflow: hidden;}
.progress::after{
    content: "";width: 100%;height: 100%;background: rgb(236,236,236);position: absolute;left: 60%;}
.card_info{}
.card_info p{font-size: 15px;}
.percentage{background: linear-gradient(to right top,#65dfc9,#6cbded);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;bottom: 0%;}