body {
    background: url('https://files.rmly.dev/rmly.dev/assets/img/background.gif') no-repeat center fixed;
    background-size: cover;
}

@font-face {
    font-family: OpenSans;
    src: url('https://files.rmly.dev/rmly.dev/assets/fonts/opensans.ttf');
}

* {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 110%;
}

a:link {
    color: white;
    text-decoration: none;
}

a:active {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    text-decoration: underline;
    color: white;
}

#footer {
    font-size: 80%;
}

.button {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
  }

  input[type=text] {
    width: 15%;
    padding: 5px 10px;
    margin: 4px 0;
    box-sizing: border-box;
    color: black;
    border: 2px solid #008CBA;
    border-radius: 4px;
  }


#main {
    min-height: calc(100vh - 140px); 
}

#start {
    font-family: OpenSans;
    color: white;
    font-size: 200%;
}