@font-face {
    font-family: 'commissioner'; /*a name to be used later*/
    src: url("fonts/Commissioner-VariableFont_wght.ttf") format("opentype"); 
}

body { 
    margin: 0;   /* Remove body margins */
    background-color: #171717;
}

section {
    color: white;
}

.showcase h1 {
    font-family: "commissioner";

}

.showcase-content {
    padding-left: 24px;
}

.slog {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 32px;
    margin-bottom: 32px;
}

.desc h2, .desc{
    font-size: 22px;
    font-weight: normal;
    line-height: 1.5;
    margin-top: 32px;
    margin-bottom: 32px;
    color: #bdbdbd;
}


.showcase a {
    display: inline-block; 
    height: 80%;
}
.showcase .store-link {
    width: 40%;
    
}

.features-container h3 {
    font-size: 18px;
}

.features-container p {
    font-size: 15px;
}