@font-face {
  font-family: 'Anton';
  src: url('assets/fonts/Anton-Regular.ttf') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

*{
    box-sizing: border-box;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;

}
body{
    margin:0;
}
ul{

}
table img{
    width:50px;
}
table,td{
    border:2px solid black;
    border-collapse: collapse;
    color:#3D8080;
    padding:0;
}
td{
    padding:10px 20px;
    font-size: 64px;
    display: flex;
    align-items: center;
}
td:nth-child(2){
    flex: 1;;
}
tr{
    width:50%;
    display: flex;

}

table{
    display: flex;
    flex-wrap: wrap;
    width:80%;
    margin:auto;

}
.text{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
h1{
    margin:0;
    font-size: 96px;
    letter-spacing: 5px; /* poveča razmik med črkami za 2 piksla */
    color:#3D8080;

}
h2{
    font-size: 48px;
    margin:0;

    letter-spacing: 2px; /* poveča razmik med črkami za 2 piksla */
}

.dnevnaSmuka, .nocnaSmuka, .danProge, .nocProge,.telefonskeStevilke, .vreme{
    min-height: 100vh;


}

.dnevnaSmuka{
    position: relative;
}


body {
  font-family: 'MyFont', sans-serif;
    background-image: url(assets/img/winterBg.jpg);
    background-size:cover ;
    min-height: 100vh;
}

.nocnaSmuka, .vreme,.telefonskeStevilke,.nocProge,.danProge,.dnevnaSmuka{
    position:absolute;
    width:100%;
    top:0;
    z-index: -1;
    left:100%;
    animation: animacijaNocna 60s ease-in-out infinite forwards;
}
.delayed{
    visibility: hidden;
}
.dnevnaSmuka{
    left:0;
    z-index: 10;
    display: block !important;
}

body > div:nth-child(1) { animation-delay: 0.1s; }
body > div:nth-child(2) { animation-delay: 10s; }
body > div:nth-child(3) { animation-delay: 20s; }
body > div:nth-child(4) { animation-delay: 30s; }
body > div:nth-child(5) { animation-delay: 40s; }
body > div:nth-child(6) { animation-delay: 50s; }

body{
    overflow: hidden;
}

@keyframes animacijaNocna {
    0%   { left: 100%; z-index: 2;}
    1%   { left: 0; }
    16.66%  { left: 0; z-index: 1;}
    17.67% {left:100%}
    50%  { left: 100%; z-index: -1;}
    51%  { left:100%}
    100% { left:100%;}
}


.logo{
    width:200px;
    float:right;
    align-self:flex-end;

}
.firstSectionWrapper{
    display: flex;
    justify-content: space-between;
    margin:0 40px 20px 40px;
}
.spacer{
    height:1px;
    width:200px;
}
.stevilkaNaprave{
    width:100px;
    margin:5px;
    padding:0;
    text-align: center;
    border-radius: 100%;
    color:white;
}
.kontakti{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap:30px;


}
.kontakti h3{
    font-size: 72px;
    margin:0;
    padding:0;
    letter-spacing: 2px; /* poveča razmik med črkami za 2 piksla */
    
}
.kontakti p{
    font-size: 48px;
    margin:0;
    padding:0;
    color:#3D8080;
}

.posamicnoKontakti{
    text-align: center;
}
.kontaktiNaslov h1{
    padding:0;
    margin:0 !important;
}
.telefonskeStevilke{
    min-height: 100vh;
}
.telefonskeStevilke{
    display: flex;

    flex-direction: column;
    justify-content: center;
}
.vremenskaNapoved{
    flex-direction: column;

}
.vremenskaNapoved,.vremenskaNapoved tr,.vremenskaNapoved td{
        border:none;
}

.vremenskaNapoved tr{
    flex:1;
    width:100%;


}

.vremenskaNapoved td{
    flex:1;
    justify-content: center;
    min-height:150px !important ;
    width:100%;
}
.vremenskaNapoved img{
    width:150px;
}
.vreme{
    padding-top:50px;
}