body {
    font-family: "Brutalista", Sans-serif;
}

@font-face {
    font-family: 'Brutalista';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url("fonts/font.woff2") format('woff2');
}

@font-face {
    font-family: 'Brutalista';
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src: url("fonts/font-1.woff2") format('woff2');
}

.amd-pink h1, .amd-pink h2, .amd-pink h3, .amd-pink p,
.amd-green h1, .amd-green h2, .amd-green h3, .amd-green p,
.amd-blue h1, .amd-blue h2, .amd-blue h3, .amd-blue p
{
    color: white
}

h1 {
    padding-top:5%;
    line-height: 1;
    font-weight: 700;
    font-size: 6vw
}

p, ul, li {font-size:1.3rem}
.block {
    padding-top: 3%;
    padding-left:6%;
    padding-right:6%;
    min-height:288px;
}

pre {
    font-size:1.3rem;
    font-family: "Brutalista", Sans-serif;
    white-space: break-spaces;
}

@media (min-width:576px) { /* sm */
    .block {min-height:288px}
}

@media (min-width:768px) { /* md */
    .block {min-height:384px}
    h1 {padding-top: 10%}
}

@media (min-width:992px) { /* lg */
    .block {min-height:496px}
}

@media (min-width:1200px) { /* xl */
    .block {min-height:600px}
}