html, body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}
/* Define quicksand as font, using the local fonts */
@font-face {
  font-family: 'Quicksand';
  src: url('/static/Quicksand-VariableFont_wght.ttf');
}


body {
    background-color: #252c25;
    color: #eaeaea;
    font-family: 'Quicksand', sans-serif;
}

.m-a-lg{
    margin: 20px;
}

.m-b-lg{
    margin-bottom: 20px;
}

.m-b-xl{
  margin-bottom: 40px;
}

.card {
  background-color: #39463966;
  border-radius: 10px;
}

.p-a-lg{
    padding: 20px;
}

.page-wrapper { 
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
}

.btn{
    background-color: rgb(193, 255, 114);
    border: none;
    color: rgb(51, 91, 55);
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 10px;

    &:hover {
        background-color: rgb(170, 233, 86);
    }
}

.logo {
    width: 300px;
}