:root{--background: black;--border-color: #3e4fcc4e;--border-radius: 7px;--banner: url(/riya_banner.png);--profile: url(/riya_profile.png);--text-color: hsl(223, 78%, 98%)}.card{background-image:linear-gradient(180deg,#87a9f2,#627dc0 23%,#212f7d);border:4px solid hsl(233deg 53% 37%);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.card__sec1{height:200px;position:relative}.card__sec1__banner{border-top-left-radius:6px;border-top-right-radius:6px;background-image:var(--banner);background-size:cover;background-position:bottom;height:160px}.card__sec1__icon{height:110px;width:110px;border-radius:50%;border:7px solid hsl(223deg 43% 57%);background-image:var(--profile);background-size:110px 110px;background-position:center;position:absolute;bottom:-10px;left:15px}.card__sec2{border:3px solid var(--border-color);border-radius:var(--border-radius);margin:20px 15px 15px;background-color:#3d3d3d44;padding:10px 0 0}.card__sec2__nick{padding:0 10px;font-size:1.3rem;font-weight:700;color:var(--text-color);line-height:1.3}.card__sec2__user{padding:0 10px;font-size:.9rem;color:var(--text-color);line-height:1.3}.card__sec2__pronouns{padding:0 10px;line-height:1.3;font-size:.9rem;color:#ffffff75}.card__sec2__status{padding:0 10px;font-size:.9rem;font-weight:500;color:var(--text-color);line-height:1.3}.card__sec2__about{padding:0 10px 10px}.card__sec2__about__title{margin:6px 0;font-size:1rem;text-transform:uppercase;font-weight:700;color:var(--text-color)}.card__sec2__about__content{font-size:.9rem;color:var(--text-color)}.card__sec2__btns{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px}.card__sec2__btns__btn{background-color:#ffffff29;color:var(--text-color);padding:10px;border-radius:3px;border:none;cursor:pointer;flex-grow:1;font-size:1rem;font-weight:500;transition:all .1s ease;text-decoration:none;text-align:center}.card__sec2__btns__btn:hover{background-color:#fff2}.card__sec3{border:3px solid var(--border-color);border-radius:var(--border-radius);margin:15px;background-color:#3d3d3d44;padding:10px 0 0}.card__sec3__spotify{padding:0 10px 10px}.card__sec3__spotify__title{font-size:1rem;text-transform:uppercase;font-weight:700;color:var(--text-color);margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;margin-right:5px}.icon{animation:rotate 5s linear infinite;height:21px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card__sec3__spotify__song{display:flex;gap:15px}.card__sec3__spotify__song__image{height:100px;border-radius:3px}.song-info-container{margin-top:5px}.card__sec3__spotify__song__name{font-size:1rem;font-weight:700;color:var(--text-color)}.card__sec3__spotify__song__artist{font-weight:500;color:var(--text-color)}.card__sec3__spotify__song__artist span{font-weight:400;color:#ffffff75;text-transform:lowercase}.card__sec3__spotify__song__album{font-weight:500;color:var(--text-color)}.card__sec3__spotify__song__album span{font-weight:400;color:#ffffff75;text-transform:lowercase}@media screen and (min-width: 600px){.card{width:500px}}@media screen and (max-width: 600px){*{font-size:.8rem}.card{width:100vw;height:100vh;border:0;border-radius:0}}*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}html,body{height:100%;width:100%;background-image:linear-gradient(180deg,#212f7d,#627dc0 90%,#87a9f2);color:#fff;display:flex;justify-content:center;align-items:center}