@media (max-width: 1023px) {
    body{
        display: flex;
        justify-content: center;

        margin: 0;
        background: radial-gradient(circle at center, #413840, #575259, #413840);
        height: 100vh;
        margin-top: 5vh;
        
    }

    .main {
        background-color: #25272B;
        border-radius: 3px;
        width: 60vw;
    }

    .main a{
        text-decoration: none;
        color: white;
        float: right;
        padding-right: 2vw;
        padding-top: 1vh;
        font-size: 3vw;
    }

    .main a:hover {
        color: #7287fd;
    }

    .main h1 {
        font-family: Lexend;
        color: white;
        font-size: 3.7vw;
        padding-top: 5vh;
        margin-left: 1vw;
        border-bottom: 1px solid white;
    }

    .main h2 {
        font-family: Lexend;
        color: #7287fd;
        font-size: 2.5vw;
        margin-left: 2vw;
        border-bottom: 1px solid #7287fd;

    }

    .main p {
        font-family: Lexend;
        color: white;
        font-size: 2.4vw;
        margin-left: 5vw;
        padding-top: 1vh;
        border-bottom: 1px solid white;
        padding-bottom: 2vh;
        transform: translateX(-4%);

    }

    a.hotel {
        text-decoration: underline;
        color: blue;
    }

}

@media (min-width: 1024px) {
    body{
        display: flex;
        justify-content: center;

        margin: 0;
        background: radial-gradient(circle at center, #413840, #575259, #413840);
        margin-top: 5vh;

    }

    .main {
        background-color: #25272B;
        border-radius: 3px;
        width: 40vw;
        height: 100vh;
    }

    .main a{
        text-decoration: none;
        color: white;
        float: right;
        padding-right: 1vw;
        padding-top: 1vh;
        font-size: 1.5vw;
    }

    .main a:hover {
        color: #7287fd;
    }

    .main h1 {
        font-family: Lexend;
        color: white;
        font-size: 2vw;
        padding-top: 5vh;
        margin-left: 1vw;
        border-bottom: 1px solid white;
    }

    .main h2 {
        font-family: Lexend;
        color: #7287fd;
        font-size: 1.2vw;
        margin-left: 2vw;
        border-bottom: 1px solid #7287fd;

    }

    .main p {
        font-family: Lexend;
        color: white;
        font-size: 1vw;
        margin-left: 5vw;
        padding-top: 1vh;
        border-bottom: 1px solid white;
        padding-bottom: 2vh;
        transform: translateX(-4%);

    }

    a.hotel {
        text-decoration: underline;
        color: blue;
    }

}