@import url("https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap");.User-Container{display:grid;margin-top:2rem;margin-left:6rem;margin-right:2rem;border-top-left-radius:10px;border-top-right-radius:10px;padding:1rem;background-color:var(--shadow-color);grid-template-columns:auto}.User-Profile img{width:10rem;height:10rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.User-Profile{justify-self:center;align-self:stretch}.User-name:first-letter{text-transform:uppercase}.User-name{justify-self:center;align-self:center;color:wheat;font-weight:900}.User-info div,.User-name{font-family:Kode Mono}.User-info{color:wheat;margin-top:2rem;display:grid;grid-template-columns:auto auto auto;justify-content:space-evenly}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}