@import url("./font.css");
body {
    padding: 0;
    margin: 0;
    background-color: #BFC9D1;
    font-family: vera_humana;
}
div.header {
    background-color: #25343F;
    color: #EAEFEF;
    margin: 0;
    padding: 10px 15px;
    height: 75px;
    user-select: none;

    .miracord {
        height: inherit;
        display: flex;
        justify-content: left;
        text-decoration: none;
        color: EAEFEF;
    }
}

div.container {
    background-color: #25343F;
    padding: 10px 15px;
    margin-top: 20px;
}

div.title {
    h1, h2, h3, h4, h5, h6, p , a{
        text-align: center;
        color: #EAEFEF;
    }
    .account_actions {
        display: flex;
        justify-content: center;
    }
    .account_actions a {
        margin: 0 10;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 900;
        border: #FF9B51 solid 2px;
        background-color: #25343F;
        transition: 0.25s;
    }
    .account_actions a:hover {
        filter: brightness(1.1);
    }
    .account_actions a:active {
        transition: 0s;
        filter: brightness(0.8);
    }
}

div.container form {
    text-align: center;
    color: #EAEFEF;
    input {
        margin: 10px;
        padding: 10px;
        border-radius: 5px;
        border: #FF9B51 solid 2px;
        background-color: #25343F;
        color: #EAEFEF;
    }
    input:focus{
        outline: none;
    }
    button {
        margin: 0 10;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 900;
        border: #FF9B51 solid 2px;
        background-color: #25343F;
        color: #EAEFEF;
        transition: 0.25s;
    }
    button:hover {
        filter: brightness(1.1);
    }
    button:active {
        transition: 0s;
        filter: brightness(0.8);
    }
}