html { 
    background-image: url('/images/background.png');
    background-size: cover;       /* fills the entire screen */
    background-position: center;  /* centers the image */
    background-repeat: no-repeat; /* prevents tiling */
    background-attachment: fixed; /* optional: parallax-like effect */
    height: 100%;
    color: white;
    font-family: Arial, sans-serif;
}

body {
    
    background-color: transparent 
}

h1 {
    font-weight: bold;
    color: white;
    font-size: 2.5rem;
}
h2{
    font-size: 1.8rem;
    color: white;
}
.avatar-circle {
    width: 88px;
    height: 88px;
    font-size: 1.75rem;
    font-weight: 700;
}

.link-card {
    transition: transform .15s ease, border-color .15s ease;
    border-color: #30363d !important;
}
.link-card:hover {
    transform: translateX(5px);
    border-color: #58a6ff !important;
    text-decoration: none;
}

.section-divider {
    font-size: .7rem;
    letter-spacing: .15em;
}

.main_image{
    width: 45%;
   border-radius: 20%;
   box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.store_link{
    width: 80%;
}