body{
            text-align: center;
            margin: 0;
            padding: 0;
        }
        #spinner-container{
            width: 810px;
            height: 810px;
            margin:auto;
            touch-action: none;
            -ms-touch-action: none;
            -webkit-tap-highlight-color: transparent;
        }
        #image-spinner {
            width: 810px;
            height: 810px;
            margin: 50px auto;
            border-radius: 20px;
            
            touch-action: none;
            -ms-touch-action: none;
            -webkit-user-drag: none;
            -khtml-user-drag: none;
            -moz-user-drag: none;
            -o-user-drag: none;
            cursor: grab; /* Change the cursor to indicate it's draggable */
            
            user-select: none;
            -webkit-user-select: none; /* dla przeglądarek opartych na WebKit */
            -moz-user-select: none;    /* dla przeglądarek opartych na Mozilli */
            -ms-user-select: none;     /* dla Internet Explorer/Edge */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none; /* Zapobiega wyświetlaniu "balonika" z menu kontekstowym na iOS*/
    
            /* Zapewnia, że obraz jest traktowany jak element, a nie jako tło
            i eliminuje potencjalne opóźnienia */
            -webkit-user-drag: none; 
        }
        #overlay{
            width: 810px;
            height: 810px;
            position: absolute;
            left: calc(50% - 405px);
            top: calc(50% - 405px);
        }
        .show{
            display: block;
        }
        .hide{
            display: none;
        }

        .top-menu{
            z-index: 99999;
            width: 100%;
            position: fixed;
        }

        #main-menu{
            text-align: center;
            margin: 0;
            padding: 0;
            background-color: white;
            width: 100%;
            height: 40px;
            line-height: 40px;
        }

        #main-menu img{
            height: 20px;
            padding-top: 5px;
        }

        #main-menu li{
            display: inline;
        }

        .main-menu-link a {
            display: inline;
            color: black;
            width: 300px;
            text-decoration: none;
            font-size: .8em;
            margin: 10px 12px;
            padding: 5px 20px;
        }

        .main-menu-link a:hover {
            display: inline;
            color: white;
            width: 300px;
            text-decoration: none;
            background-color: black;
            border-radius: 20px;
            font-size: .8em;
            margin: 10px 12px;
            padding: 5px 20px;
        }
        .montserrat-regular {  /* weight 100 - 900 */
            font-family: "Montserrat", sans-serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
        }