.primary-button{
    background-color: rgb(201,25,19);
    color:white;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: normal;
    border-style: solid;
    border-color: rgb(201,25,19);
    border-width:0.125rem;
    border-radius: 0.25rem;
    cursor:pointer;
    margin: 0.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
    box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15);
    transition: opacity 0.25s, box-shadow 0.25s;
}

.primary-button:hover{
    opacity:0.7;
    box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15);
}

.primary-button:active{
    opacity:0.4;
}

.secondary-button{
    background-color: white;
    color:rgb(201,25,19);
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: normal;
    border-style: solid;
    border-color: rgb(201,25,19);
    border-width:0.125rem;
    border-radius: 0.25rem;
    cursor:pointer;
    margin: 0.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
    box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15);
    transition: background-color 0.25s, color 0.25s, box-shadow 0.25s;
}

.secondary-button:hover{
    background-color: rgb(201,25,19);
    color:white;
    box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15);
}

.secondary-button:active{
    opacity:0.4;
}

.tertiary-button{
    background-color: white;
    color:rgb(26,24,22);
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: normal;
    border-style: solid;
    border-color: white;
    border-width:0.125rem;
    border-radius: 0.25rem;
    cursor:pointer;
    margin: 0.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1rem;
    padding-right: 1rem;
    vertical-align: top;
    box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15);
    transition: background-color 0.25s, border-color 0.25s, box-shadow 0.25s;
}

.tertiary-button:hover{
    background-color: rgb(217,217,217);
    border-color: rgb(217,217,217);
    box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15);
}

.tertiary-button:active{
    opacity:0.6;
}

.navbar-button{
    background-color: rgb(201,25,19);
    color:white;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: normal;
    border-style: solid;
    border-color: rgb(201,25,19);
    border-width:0.125rem;
    border-radius: 0.25rem;
    cursor:pointer;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow:0.125rem 0.125rem 0.625rem rgba(0,0,0,0.15);
    transition: opacity 0.25s, box-shadow 0.25s;
    margin-top: 10%;
    margin-bottom: 10%;
}

.navbar-button:hover{
    opacity:0.7;
    box-shadow: 0.313rem 0.313rem 0.625rem rgba(0,0,0,0.15);
}

.navbar-button:active{
    opacity:0.4;
}