@font-face {
    font-family: 'smurf';
    src: url('../assets/smurf.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('../assets/smurf.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

@font-face {
    font-family: 'soos';
    src: url('../assets/soos.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('../assets/soos.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

body {
    background-color: #f3d42f;
}

img {
    height: 25vh;
}

.title_font {
    font-family: "smurf";
    color: black;
    margin: 0;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

.soos {
    font-family: "soos";
    font-size: 25px;
}

.button {
    width: 88px;
    height: 31px;
    image-rendering: pixelated;
}

.hcu {
    width: 114px;
    height: 43px;
    image-rendering: pixelated;
}