.button-container
            {
                font-size:16px;
                margin-top:50px;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 30px;
                /* Mellanrum mellan knapparna */
                max-width: 500px;
                /* Justera efter behov */
                margin: 60px auto;
                /* Centrera container */
            }
            
            .grayButton
            {
                font-family: "Averia Sans Libre", serif;

                display: flex;
                justify-content: center;
                padding: 10px 20px;
                border-radius: 60px;
                background-color: #1c486c;
                color: white;
                text-decoration: none;
                transition: background-color 0.3s, color 0.3s;
                cursor: pointer;
                border: 2px solid black;
                font-size: min(4.5vw, 20px);
                width: 100%;
                /* Samma bredd */
                max-width: 400px;
                /* Maxbredd om du vill begränsa */
                font-weight: 500;
                letter-spacing: 2px;
            }
            
            .grayButton:hover
            {
                color: #fff;
                background-color: #66ccff99;
                 text-decoration: none;
            }
            
#panorama {
    background-image: 
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 1) 0%,   /* helt vitt från toppen */
            rgba(255, 255, 255, 1) 5%, /* behåll vitt längre ner */
            rgba(255, 255, 255, 0) 60%  /* börja tona ut mot transparent */
        ),
        url(https://cdn.hsystemcontent.com/images/101913.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 50px;
    height: 85vh;
    min-height: 600px;
}