body {
    font-family: serif;
    position: initial;
    perspective: 1000px;
}

body {
    background-color: #D3D3D3; /* Muuda see värv, mida soovid */
}

.lingid {
    z-index: 1000;
    left: 20px;
    top: 10px;
    right: 20px;
    position: fixed;
    text-align: justify;

}

a {
    color: #4CAF50;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

a:hover {
    opacity: 0.3;
}

/* GALERII */
.gallery {
    position: relative;
    width: 100vw;  /* Kogu ekraani laius */
    height: 1000vh; /* Muudame kõrguse kaks korda suuremaks, et leht saaks kerida */
    overflow: hidden; /* Ei lase piltidel lehe välja ulatuda */
}

.gallery-item {
    position: absolute;
    width: 400px;  /* Piltide laius */
    height: 400px; /* Piltide kõrgus, et need oleksid ruudukujulised */
    overflow: hidden;
    opacity: 0; /* Algne nähtamatus */
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Pilt täidab kogu ala ja jääb ruudukujuliseks */
    border-radius: 7px;
}

/* Galerii piltide nähtavaks muutmine */
.gallery-item:hover {
    opacity: 1; /* Muudab nähtavaks, kui hiir on pildi peal */
    transform: scale(1.0); /* Veidi suurendab pilti */
}

/* Paiguta pildid suvaliselt üle kogu lehe */
.gallery-item:nth-child(1) {
    top: 15%; left: 20%;
}
.gallery-item:nth-child(2) {
    top: 20%; left: 60%;
}
.gallery-item:nth-child(3) {
    top: 50%; left: 10%;
}
.gallery-item:nth-child(4) {
    top: 70%; left: 80%;
}
.gallery-item:nth-child(6) {
    top: 29%; left: 70%;
}
.gallery-item:nth-child(7) {
    top: 60%; left: 20%;
}
.gallery-item:nth-child(8) {
    top: 30%; left: 40%;
}
.gallery-item:nth-child(9) {
    top: 25%; left: 60%;
}
.gallery-item:nth-child(10) {
    top: 45%; left: 25%;
}
.gallery-item:nth-child(11) {
    top: 35%; left: 55%;
}
.gallery-item:nth-child(12) {
    top: 75%; left: 40%;
}
.gallery-item:nth-child(13) {
    top: 60%; left: 75%;
}
.gallery-item:nth-child(14) {
    top: 50%; left: 17%;
}
.gallery-item:nth-child(15) {
    top: 30%; left: 50%;
}
.gallery-item:nth-child(16) {
    top: 40%; left: 80%;
}
.gallery-item:nth-child(17) {
    top: 20%; left: 80%;
}
.gallery-item:nth-child(18) {
    top: 80%; left: 60%;
}
.gallery-item:nth-child(19) {
    top: 30%; left: 10%;
}
.gallery-item:nth-child(20) {
    top: 50%; left: 80%;
}
.gallery-item:nth-child(21) {
    top: 70%; left: 60%;
}
.gallery-item:nth-child(22) {
    top: 40%; left: 10%;
}
.gallery-item:nth-child(23) {
    top: 90%; left: 50%;
}
.gallery-item:nth-child(24) {
    top: 55%; left: 40%;
}
.gallery-item:nth-child(26) {
    top: 22%; left: 11%;
}.gallery-item:nth-child(27) {
    top: 7%; left: 23%;
}.gallery-item:nth-child(29) {
    top: 96%; left: 17%;
}.gallery-item:nth-child(28) {
    top: 12%; left: 36%;
}.gallery-item:nth-child(30) {
    top: 78%; left: 10%;
}.gallery-item:nth-child(31) {
    top: 56%; left: 24%;
}.gallery-item:nth-child(32) {
    top: 11%; left: 71%;
}.gallery-item:nth-child(33) {
    top: 85%; left: 48%;
}.gallery-item:nth-child(34) {
    top: 23%; left: 53%;
}.gallery-item:nth-child(35) {
    top: 65%; left: 30%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
}

.centered-text {
    text-align: center;
}