#qr{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2vw;
    #qrcode{
        margin: 2vw 0 0 0;
        width: 30%;
        height: 30%;
    }
    a{
        color: rgb(10, 150, 255);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3rem;
    }
}

#texto{
    margin: 1vw 0 0 0;
    padding: 0 0 1vw 0;
    width: 100%;
    min-height: 20vhd;
    border-bottom: solid 2px  var(--eternal-blue);
    p{
        margin: 1dvh;
        font-size: 1.2rem;
    }
    h3{
        width: 100%;
        color: var(--eternal-blue);
        font-size: 2rem;
        padding: 1dvh 0 0 0;
        text-transform: uppercase;
        text-align: center;
    }
    ul{
        margin: 0 3dvh 0 3dvh;
        li{
              list-style: disc;
        }
    }
}

.links{
    padding: 2dvh;
    p{
        font-size: 1.2rem;
    }
    a{
        color: rgb(10, 150, 255);
        cursor: pointer;
    }
}

#texto, .final{
    border-bottom: none;
    border: none;
}

@media (width < 600px) {
    #qr{
        #qrcode{
            width: 70%;
            height: 70%;
        }
    }
}