section {
    
    display: grid;
    grid-template-rows: auto auto;
    height: 100%;
}



.qrCode {
    align-self: center;
   
    max-width: 800px;
    max-height: calc(70vh - var(--page-header-height) - 3em ); 
    
    aspect-ratio: 1;
    
   
    
    border-radius: 7%;
    
}

.qrCode img {
    border: 3vh solid var(--accent-color);
    width: 100%;
    height: auto;
    border-radius: 6%;
    margin-bottom: 1em;
}

.qrCode p {
   
    font-size: clamp(1.2rem, 2.5vw, 2rem);
    /*overflow-wrap: anywhere;*/
}