*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    background:#000;
    color:#fff;
    overflow-x:hidden;
}

body{
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}

main{
    width:100%;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

iframe{
    width:95vw;
    height:90vh;
    border:none;
}

.info{
    width:95vw;
    padding:18px 0 35px;
}

.links{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    margin-right:28px;
}

.links a,
.instagram-link{
    background:transparent;
    border:none;
    outline:none;
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;

    color:#fff;
    text-decoration:none;

    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
    font-size:11px;
    font-weight:300;
    letter-spacing:.08em;

    opacity:.72;
    cursor:pointer;
    transition:opacity .25s ease;

    padding:0;
    margin:0;
}

.links a:hover,
.instagram-link:hover{
    opacity:1;
}

@media (max-width:768px){

    iframe{
        width:100vw;
        height:56vw;
    }

    .info{
        width:92vw;
        padding:20px 20px 35px;
    }

    .links{
        justify-content:center;
        gap:10px;
        margin-right:0;
    }

    .links a,
    .instagram-link{
        font-size:11px;
        letter-spacing:.08em;
    }

}