#main {
    width: 100vw;
    height: 100vh;
    background: rgb(10, 80, 160);
    background: linear-gradient(
        45deg,
        rgba(10, 80, 160, 1) 0%,
        rgba(0, 100, 240, 1) 50%,
        rgba(0, 200, 250, 1) 100%
    );
}

#main .container {
    width: 90%;
    height: 100%;
    max-width: 1216px;
    margin: 0 auto;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    gap: 40px;
}

#main img {
    height: 200px;
    max-width: 100%;
    object-fit: contain;
}

#main a {
    font-family: "Poppins";
    font-weight: lighter;

    text-decoration: none;

    padding: 10px 20px;
    border-radius: 5px;

    transition: all 0.5s ease-in-out;

    color: #d7ebff;
    background-color: #14283c;
}

#main a:hover {
    transform: scale(1.1);
}

@media screen and (max-width: 400px) {
    #main a {
        padding: 10px;
    }
}