@font-face { 
    font-family: 'Aldus Roman'; 
    src: url('../fonts/AldusRoman.otf') format('opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 

body {
    font-family: 'Aldus Roman';
    background-color: white;
}

/* nega selez. testo */ 
* { 
    -webkit-user-select: none; /* Safari */ 
    -moz-user-select: none; /* Firefox */ 
    -ms-user-select: none; /* Internet Explorer/Edge */ 
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ 
}

.enter-text { 
    font-family: 'Aldus Roman'; 
    color: black; 
    font-size: 1.75em; 
    cursor: pointer; 
    position: absolute; 
    bottom: 16%; /* Position in the lower pt of the page */ 
    left: 50%; 
    transform: translate(-50%, 0); 
}

.gallery-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    perspective: 1000px;
}

.gallery {
    display: flex;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.gallery .slide {
    position: absolute;
    width: 300px;
    height: 400px;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i) * 45deg)) translateZ(500px);
}

.slide img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}


.footer {
    font-family: 'Aldus Roman';    
    text-align: center;
    margin-top: 20px;
}

.footer a {
    font-family: 'Aldus Roman';
    margin: 0 10px;
    text-decoration: none;
    color: black;
    font-size: 1em;
}

.footer .designer {
    font-family: 'Aldus Roman';
    margin-top: 10px;
    font-size: 1em;
    color: black;
}

p {
    text-align: center;
}

/* Disable dragging images */
img {
    pointer-events: none;
}

/* Overlay transparent div to prevent right-click */
.image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: rgba(255, 255, 255, 0); /* Transparent */
}

/* Disable printing */ 
@media print { 
    body * { 
        display: none; } 
}

/* NO MOBILES */
@media (max-width: 768px) {
    #main-content {
        display: none;
    }

    #mobile-warning {
        display: block;
    }
}

#mobile-warning {
    display: none;
    text-align: center;
    padding: 20px;
    font-size: 1.5em;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}