@font-face {
    font-family: Montserrat;
    src: url(./montserrat/Montserrat-Regular.ttf);
}

* {
    font-family: Montserrat;
}

.headerbar {
    width: 100%;
    border-bottom: 1px solid black;
    padding: 10px;
    padding-right: 0px;
    padding-left: 0px;
    clear: none;
}

input {
    font-family: FontAwesome;
}

input.box {
    font-family: Montserrat;
}

input, select, textarea {
    margin-top: 10px;
}

label {
    padding-bottom: 5px;
}

html,
body {
    -webkit-font-smoothing: antialiased;
}

button.save {
    padding: 15px; 
    font-size: 25px; 
    border-radius: 30px;
    border: none;
    color: white;
    background-color: grey;
    padding-left: 20px;
    padding-right: 20px;
}

button.save:hover {
    transition: 0.4s;
    cursor: pointer;
    background-color: #B1B3B0;
}

button.ready {
    background-color: #3ad342; 
    color: white; 
    border: none; 
    padding: 15px; 
    font-size: 25px; 
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

button.ready:hover {
    cursor: pointer;
    transition: 0.4s;
    background-color: #29902F;
}

button.next {
    outline: none; 
    border: none; 
    padding: 10px; 
    background-color: #1a73e8; 
    color: white;
    font-size: 20px;
}

button.next:hover {
    background-color: black;
    cursor: pointer;
    transition: 0.4s;
}

button.back {
    padding: 20px; 
    padding-left: 30px; 
    padding-right: 30px; 
    border-radius: 20px; 
    font-size: 20px; 
    border: none;
}

button.back:hover {
    background-color: grey;
    cursor: pointer;
    transition: 0.4s;
}

button.placeorder {
    padding: 15px; 
    background-color: green; 
    color: white; 
    font-size: 1.2em;
}

button.placeorder:hover {
    background-color: #096126;
    cursor: pointer;
    transition: 0.4s;
}

button.navbutton {
    padding: 20px;
    font-size: 1.2em;
}

button.navbutton:hover {
    background-color: green;
    cursor: pointer;
    transition: 0.4s;
}

button.navbutton2 {
    padding: 10px;
    font-size: 1em;
}

button.navbutton2:hover {
    background-color: green;
    cursor: pointer;
    transition: 0.4s;
}

button.navbutton3 {
    background-color: red;
    border: none;
    outline: clear;
    color: white;
    padding: 10px;
    font-size: 1em;
}

button.navbutton3:hover {
    background-color: darkred;
    cursor: pointer;
    transition: 0.4s;
}

.login {
    padding: 50px; 
    border: 3px solid black; 
    border-radius: 20px;
}