body{
    width: 100vw;
    overflow-x: hidden;
}

button{
border-radius: 4vw!important;
cursor: pointer;
}

.menu > a{
    color:black;
   text-decoration: none;
   font-size: 1.3vw;
   position: fixed;
   margin-top: 2vw;
   margin-left: 1.9vw;
}

.burger{
    display: none;
}


.navv{
    display:flex;
    justify-content: space-between;
width: 38vw;
position: fixed;
margin-left: 60vw;
margin-top: 1vw;
}

.navv a{
    color:black;
   text-decoration: none;
   font-size: 1.3vw;
}

.logo{font-family: "Montserrat-Bold";}

.logo img{
    width: 13%;
    margin-top: -1vw;
}

.main_page{
    margin-top: -50vw;
}

.VREMENO{
   color:black;
    font-size: 5vw;
    margin-top: 16vw;
   margin-left: 3vw;
   position: absolute;
}

.chance{
    color:black;
    font-size: 1.6vw;
    margin-top: 22vw;
    margin-left: 12vw;
    position: absolute;
}

.lost{
    color:black;
    font-size: 1.6vw;
    margin-top: 23.7vw;
    margin-left: 18vw;
    position: absolute;
}

.last{
    color:black;
    font-size: 1.6vw;
    margin-top: 25.35vw;
    margin-left: 22vw;
    position: absolute;
}

.time{
    color:black;
    font-size: 1.6vw;
margin-top: 28.7vw;
    margin-left: 15vw;
    position: absolute;
}

.ready{
    color: black;
    font-size: 1.6vw;
margin-top: 31.5vw;
    margin-left: 22vw;
    position: absolute;
}

.fight{
    color: black;
    font-size: 1.6vw;
    margin-top: 37vw;
    margin-left: 25vw;
    position: absolute;
}


.sands{
    width: 42vw;
    height: 50vw;
    margin-left: 45vw;
    position: relative;
    background-image: url(../img/sands.png);
    background-size:cover;
    overflow: hidden;
    animation: sands 2s steps(1) infinite;
    pointer-events: none;
}

@keyframes sands{
    0%{ background-position: 0;}
    50%{ background-position: -46vw;}
    70%{ background-position: -94vw;}
    100%{ background-position: 0vw;}
}

/*.sands img{
        width: 60%;
    height: 50%;
    overflow-x: hidden;
}*/

footer{
    position: absolute;
    width: 100vw;
    overflow-x: hidden;
    height: 47vw;
    top: 55vw;
}

.footer{
    width: 110%;
}

.name{
    color: black;
    font-size: 2vw;
    margin-top: 4vw;
    margin-left: 3vw;
}

.group{
    color: black;
    font-size: 2vw;
    margin-top: -2vw;
    margin-left: 3vw;
    text-align: center;
}

.curator{
    color: black;
    font-size: 2vw;
    margin-top: -2vw;
    text-align: right;
    margin-right: 3vw;
}

.pic1{
    margin-top: 8.3vw;
   position:absolute;
   margin-left: 6vw;
width: 5.6%;
   transition: pic1 0.7s ease;
   transform-origin: center;
}


.pic1:hover{
   transform:scale(1.3);
      transition: pic1 0.7s ease;
}

.pic2{
margin-top: 3vw;
    margin-left: 12vw;
   width: 6.8%;
   transition: pic2 0.3s ease;
   transform-origin: center;
}

.pic2:hover{
   transform:scale(1.3);
      transition: pic2 0.7s ease;
}

.pic3{
    margin-top: 5vw;
    position: absolute;
    margin-left: -0.1vw;
   width: 6.5%;
   transition: pic2 0.3s ease;
   transform-origin: center;
}

.pic3:hover{
   transform:scale(1.3);
      transition: pic2 0.7s ease;
}

.pic4{
   position: absolute;
   margin-top: 9vw;
   margin-left: 4vw;
    width: 5.5%;
   transition: pic2 0.3s ease;
   transform-origin: center;
}

.pic4:hover{
   transform:scale(1.3);
      transition: pic2 0.7s ease;
}

.pic5{
position: absolute;
    margin-top: 12vw;
    margin-left: 10vw;
    width: 4.5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic5:hover{
   transform:scale(1.3);
}

.pic6{
position: absolute;
    margin-top: 14vw;
    margin-left: 13vw;
    width: 3.5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic6:hover{
   transform:scale(1.3);
}

.pic7{
position: absolute;
    margin-top: 15vw;
    margin-left: 16.45vw;
    width: 3.8%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic7:hover{
   transform:scale(1.3);
}

.pic8{
    position: absolute;
    margin-top: 13vw;
    margin-left: 20vw;
    width: 3.5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic8:hover{
   transform:scale(1.3);
}

.pic9{
    position: absolute;
    margin-top: 6vw;
    margin-left: 68vw;
    width: 3.5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic9:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic10{
position: absolute;
    margin-top: 5vw;
    margin-left: 70vw;
    width: 3.5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic10:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic11{
position: absolute;
    margin-top: 11vw;
    margin-left: 73vw;
    width: 3.8%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic11:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic12{
    position: absolute;
    margin-top: 38vw;
    margin-left: -15vw;
    width: 3.2%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic12:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic13{
    position: absolute;
    margin-top: 40.5vw;
    margin-left: -12vw;
    width: 4%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic13:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic14{
position: absolute;
    margin-top: 46vw;
    margin-left: -3vw;
    width: 4.8%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic14:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic15{
    position: absolute;
    margin-top: 43vw;
    margin-left: 1vw;
    width: 4.8%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic15:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic16{
    position: absolute;
    margin-top: 44vw;
    margin-left: 14vw;
    width: 5.3%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic16:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic17{
position: absolute;
    margin-top: 43.3vw;
    margin-left: 23vw;
    width: 4.8%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic17:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic18{
    position: absolute;
    margin-top: 39vw;
    margin-left: 29vw;
    width: 4.2%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic18:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic19{
position: absolute;
    margin-top: 42vw;
    margin-left: 35vw;
    width: 3.9%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic19:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic20{
    position: absolute;
    margin-top: 40vw;
    margin-left: 38vw;
    width: 3%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic20:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic21{
    position: absolute;
    margin-top: 38vw;
    margin-left: 40vw;
    width: 4.5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic21:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic22{
    position: absolute;
    margin-top: 36vw;
    margin-left: 44.5vw;
    width: 4%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic22:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic23{
    position: absolute;
    margin-top: 38.4vw;
    margin-left: 48.5vw;
    width: 4.8%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic23:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic24{
    position: absolute;
    margin-top: 41vw;
    margin-left: 52vw;
    width: 4.8%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic24:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic25{
    position: absolute;
    margin-top: 43.9vw;
    margin-left: 55.5vw;
    width: 3.5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic25:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic26{
position: absolute;
    margin-top: 48vw;
    margin-left: 57vw;
    width: 5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic26:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic27{
    position: absolute;
    margin-top: 51vw;
    margin-left: 60vw;
    width: 7%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic27:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

.pic28{
    position: absolute;
    margin-top: 49vw;
    margin-left: 69vw;
    width: 5%;
    transition: pic2 0.3s ease;
    transform-origin: center;
}

.pic28:hover{
   transform:scale(1.3);
       transition: pic2 0.3s ease;
}

#form{
    margin-top: 4vw;
}

#form p{
    position:relative;
font-size: 1.6vw;
left: 2vw;
font-family: "Montserrat-Medium";
}

#text1{
    position: relative;
    top: 2vw;
    left: 2vw;
    width: 17vw;
    height: 2.3vw;
    border: 0.2vw solid #000000;
    border-radius: 2vw;
    font-family: "Montserrat-Medium";
}

#text2{
    position: relative;
    top: 2vw;
    margin: 0.4vw 2vw;
    width: 17vw;
    height: 2.3vw;
    border: 0.2vw solid #000000;
    border-radius: 2vw;
    font-family: "Montserrat-Medium";
}

#email{
    position: relative;
    top: 2vw;
    margin-left: 2vw;
    width: 17vw;
    height: 2.3vw;
    border: 0.2vw solid #000000;
    border-radius: 2vw; 
    font-family: "Montserrat-Medium";
}

#number{
    position: relative;
    top: 2vw;
    margin-left: 0vw;
    width: 17.3vw;
    height: 2.6vw;
    border: 0.2vw solid #000000;
    border-radius: 2vw; 
    font-family: "Montserrat-Medium";
}

#reset{
    position: relative;
    top: 2vw;
    margin-top: 2vw;
    margin-left: 2vw;
    width: 10vw;
    height: 2.3vw;
    border: 0.2vw solid #000000;
    background-color: #ffffff;
    border-radius: 2vw; 
    font-family: "Montserrat-Medium";
}

#submit{
    position: relative;
    top: 2vw;
    margin: 0.4vw 0vw;
    width: 10vw;
    height: 2.3vw;
    border: 0.2vw solid #000000;
    background-color: #ffffff;
    border-radius: 2vw; 
    font-family: "Montserrat-Medium";
}

#submit p{
    color: #ffffff;
}