header {
    background-color: #FACC15;
    color: #0F172A;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 0%;
    box-shadow: 3px 0px 10px black;
}

.header-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 30%;
    font-weight: 300;
    text-align: center;
    gap: 0px;
}

.buttons {
    background-color: #caa71a;
    color: white;
    height: 40px;
    width: 100%;
    border-color: black;
    transition: 0.3s;
}

.buttons:hover {
    opacity: 70%;
    border-color: #0F172A;
    color: black;
}