* {
    font-family: 'Quicksand', sans-serif;
    font-display: auto;
}

:root {
    --mdc-theme-primary: #393939;
    --mdc-theme-background: #FF5A09;
    --mdc-theme-secondary: #be4f0c;
}

body {
    background-color: #d4d4dc;
    margin: 0;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

select {
   font-size:25px;
}

.container {
    text-align:center;
    margin: 0 auto;
    font-weight:300;
    padding: 2px 16px;
}

.button {
    border-color: #4CAF50;
    background-color: #be4f0c;
    border: 2px solid;
    color: white;
    padding: 15px 25px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.button:hover {
    background-color: #be4f0c;
}

hr {
    clear: both;
}

.h-centered {
    text-align: center;
    align-items: center;
    align-content: center;
}

.bottom-block-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 10px 0px 10px 0px;
    margin: 0px 15px 0px 15px;
}

.mdc-card {
    width: 100%;
    padding: 16px 0px 16px 0px
}