@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NormalInter-2301bb03.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NormalInter-2301bb03.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NormalInter-2301bb03.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NormalInter-2301bb03.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NormalInter-2301bb03.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NormalInter-2301bb03.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NormalInter-2301bb03.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;font-family:Inter,sans-serif;box-sizing:border-box}body,html{height:100%;display:flex;align-items:center;justify-content:center;background:#1e1e1e}.tooltip{display:none;position:absolute;color:#eee;background:#18191c;padding:.4rem;border-radius:3px;max-width:150px;width:max-content;font-size:.9rem;animation:popAnim 35ms linear;z-index:10;box-shadow:0 0 5px #00000059;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35)}.tooltip-up{bottom:42px}.tooltip-up:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #18191c}.card{background:#292b2f;width:600px;max-height:95%;height:max-content;border-radius:9px;box-shadow:0 0 16px 3px #0003;-webkit-box-shadow:0px 0px 16px 3px rgba(0,0,0,.2);scrollbar-width:none}.card::-webkit-scrollbar{display:none}.card-header .banner{width:100%;height:240px;border-radius:9px 9px 0 0;overflow:hidden}.card-header .banner-img{width:100%;height:240px;background-position:center!important;border-radius:9px 9px 0 0;overflow:hidden;background-image:url(https://cdn.discordapp.com/banners/405258156063850497/8cca6027eb945404a42a5d4d1aaab496.png?size=600);background-size:cover}.card-body{padding:15px;position:relative}.blur{background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-body .profile-header{position:absolute;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:calc(100% - 30px);top:-50px}.card-body .profile-header .profile-logo{position:relative;border:6px solid #292b2f;border-radius:50%}.card-body .profile-header .profile-logo img{display:block;width:80px;height:80px;border-radius:50%}.card-body .profile-header .profile-logo:before{content:"See Profile";position:absolute;right:0;top:0;cursor:pointer;opacity:0;width:100%;height:100%;color:#eee;background:#0000007e;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7rem;font-weight:600;text-transform:uppercase;transition-duration:.15s}.card-body .profile-header .profile-logo:hover:before{opacity:1}.card-body .profile-header .badges-container{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:150px;background:#18191c;border-radius:7px;padding:3px}.card-body .profile-header .badges-container .badge-item{position:relative;margin:5px;width:17px;height:17px;display:flex;justify-content:center;align-items:center;cursor:pointer}.card-body .profile-header .badges-container .badge-item img{height:100%}.card-body .profile-header .badges-container .badge-item:hover>.tooltip{display:block}.card-body .profile-body{background:#18191c;border-radius:7px;padding:13px;margin-top:40px}.card-body .profile-body .username{color:#eee;margin-bottom:13px;font-weight:600;font-size:2rem}.card-body .profile-body .username span{color:#b9bbbe}.card-body .profile-body hr{border:none;border-top:.5px solid #33353b}.card-body .profile-body .category-title{color:#fff;font-weight:700;text-transform:uppercase;font-size:1rem;margin-bottom:8px}.card-body .profile-body .basic-infos{margin-bottom:14px;margin-top:12px}.card-body .profile-body .basic-infos p{color:#bdbebf;font-size:1.2rem}.card-body .profile-body .skills{margin-bottom:14px}.card-body .profile-body .skills .skills-list{display:flex;flex-wrap:wrap}.fa-github,.fa-steam,.fa-envelope{width:48px;height:48px;color:#fff;padding:5px;cursor:pointer}.card-body .profile-body .skills .skills-list .skill{background:#292b2f;color:#f5f5f5;border-radius:3px;font-size:1rem;font-weight:300;padding:3px 6px;margin-right:4px;margin-top:4px;display:flex;align-items:center;flex-direction:row}.card-body .profile-body .skills .skills-list .skill .skills-color{width:11px;height:11px;border-radius:50%;margin-right:5px}.card-body .profile-body .note textarea{border:none;outline:none;background:#18191c;width:100%;min-height:30px;color:#e0e0e0;resize:none;font-size:.8rem;border-radius:3px;padding:5px;box-sizing:border-box;scrollbar-width:none}.card-body .profile-body .note textarea::-webkit-scrollbar{display:none}.card-body .profile-body .note textarea::placeholder{font-size:.8rem}.card-body .profile-body .note textarea:focus::placeholder{opacity:0}.card-body .profile-body .message input{background:#18191c;outline:none;border:1px solid #333333;padding:13px;width:100%;border-radius:4px;color:#eee;margin-top:14px}@media screen and (max-width: 1470px){.card-container{width:1100px}.card{width:350px}.card-header .banner,.card-header .banner-img{height:120px}}@media screen and (max-width: 1150px){.card-container{width:720px}.card{width:350px}.card-header .banner,.card-header .banner-img{height:120px}}@media screen and (max-width: 770px){.card-container{width:max-content}.card{width:350px}.card-header .banner,.card-header .banner-img{height:120px}}