@import "general.css";

.access {
    margin-top: 25px;
}

.access h2 {
    max-width: 80%;
}

.access p {
    margin-top: 10px;
    max-width: 65%;
}

.access form {
    margin-top: 15px;
}

.code {
    width: 75%;
    height: 20px;
}

.submit {
    margin-top: 15px;
    width: 80px;
    height: 30px;
}

@media screen and (max-width: 768px) {

    .access,
    .access form {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .code {
        max-width: 250px;
        text-align: center;
    }
}

@media screen and (min-width: 769px) {
    .access {
        margin-left: 20px;
    }

    .access form {
        display: flex;
        flex-direction: column;
    }

    .code {
        max-width: 125px;
        text-align: left;
    }
}