:root {
    --green : hsl(75, 94%, 57%);
    --white : hsl(0, 0%, 100%);
    --grey700: hsl(0, 0%, 20%);
    --grey800: hsl(0, 0%, 12%);
    --grey900: hsl(0, 0%, 8%);
}

body {
    background-color: var(--grey900) !important;
    font-family: "Inter", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 14px !important;
   // align-content: center;
    justify-items: center;
    color: var(--white) !important;
}

.attribution { font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }


.user-card { 
    background-color: var(--grey800);
    border-radius:10px;
    min-width:350px !important;  
    max-width: 400px;
}

.user-img{
    width: 80px; 
    border-radius: 50%;
}

.location-text {
    color: var(--green);
    font-weight:600;
}

.link-button { 
    background-color: var(--grey700); 
    font-weight: 600;
    border-radius: 10px; 
    padding: 12px;
    border: none;
    color: #fff;
    

}

.link-button:hover { 
    background-color: var(--green); 
    color: var(--grey700);
}