.main .left{flex-direction:column;justify-content:center;align-items:center;gap:2%;width:30%;padding:2%;display:flex}.main .left .ab_profile{background-color:#01cad5;border-radius:50%;box-shadow:0 5px 15px #00ffff4d}.main .left .ab_text{width:100%;height:80%}.main .left .ab_text hr{background:linear-gradient(#01cad5,#01cad5c4,#ffffff70,#01cad5b4,#01cad5);border:none;border-radius:10px;height:2px}.main .right{width:70%}.main .right .title{color:var(--foreground);flex-direction:column;align-items:center;height:10%;font-size:24px;font-weight:600;display:flex}.main .right .title:after{content:"";background-color:#01cad5;border-radius:10px;width:5vh;height:3px;margin:auto;display:block}.main .right .content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #3b82f666;flex-direction:column;gap:2vh;width:100%;height:90%;padding:2%;display:flex;overflow-y:scroll;box-shadow:0 5px 15px #0ff3}.main .right .content .card-container{background:linear-gradient(135deg,#0f172a,#111827);border-radius:8px;flex-direction:column;flex:none;gap:5px;width:100%;padding:1%;display:flex}.main .right .content .card-container .top{width:100%;height:10%;padding:0 2%;font-size:20px;font-weight:600}.main .right .content .card-container .bottom{border-radius:20px;flex:none;align-items:center;gap:3%;width:100%;height:90%;padding:0 2%;display:flex;overflow-x:scroll}.main .right .content .card-container .bottom .card{color:var(--background);background:#1e293b;border:4px solid #ffffff0d;border-radius:10px;flex-direction:column;flex:none;align-items:center;width:180px;height:180px;padding:3%;transition:all .2s;display:flex}.main .right .content .card-container .bottom .card:hover{cursor:pointer;border:8px solid #ffffff0d;box-shadow:4px 8px 4px #01cad5}.main .right .content .card-container .bottom .card .card-title{color:#fff;width:100%;font-size:20px;font-weight:600}.main .right .content .card-container .bottom .card .card-text{justify-content:center;align-items:center;width:100%;height:100%;margin-top:10px;display:flex}@media only screen and (min-width:800px){::-webkit-scrollbar{background-color:#01cad562;border-radius:10px;width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:#01cad5;background-clip:padding-box;border:2px solid #0000;border-radius:10px;transition:all .2s}::-webkit-scrollbar-thumb:hover{cursor:pointer;border:0 solid #0000}}@media only screen and (max-width:800px){.main{flex-direction:column;padding:0;overflow-y:scroll}.main .left{width:100%;padding:15px}.main .right{width:100%}.main .right .title{gap:0%;height:8%;padding:15px 0}.main .right .title:after{height:3px}.main .right .content{gap:3%}.main .right .content .card-container{height:28%}.main .right .content .card-container .top{align-items:center;height:100px;display:flex}.main .right .content .card-container .bottom{gap:4%;height:80%;padding:0 5%}.main .right .content .card-container .bottom .card{width:70%;height:90%}}