body {
    background-image: url("/images/vic.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#naslov {
    color:blueviolet
}

#izbiraLetnika {
    width:90%;
    margin: 15px;
    margin-top: 2px;
}

#izbiraPredmeta {
    width:90%;
    margin: 15px;
}

#izbiraProfesorja{
    width:90%;
    margin: 15px;
}

#dropdown {
    width: 40%;
    margin-top: 10%;
    margin-left: 30%;
    margin-right: 30%;
    /*background-image: url("/images/select-banner.png");*/
    background-color: rgba(113, 107, 107, 0.23);
    height: 330px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
}

#isciTeste {
    text-align: center;
    color: #7fb747;
}

#isciGumb {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 40%;
    margin-right: 40%;
    width: 20%;
    
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 0;
    color: #7fb747;
    font-size: 18px;
    font-weight: bold;
    background-color: rgba(93, 93, 93, 0.51);
    border-radius: 10px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.1);
    border-width: 1px;
    transition: all 0.5s;

}
.buttons{
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.buttons:after {
    content: '»';
    position: absolute;
    opacity: 0;
    bottom: 6px;
    right: -20px;
    transition: 0.5s;
}

.buttons:hover{
    padding-right: 20px;

}

.buttons:hover:after {
    opacity: 1;
    right: 30px;
}

@media only screen and (max-width: 1400px) {
    .buttons:hover:after {
        opacity: 1;
        right: 10px;
    }
}
/*}
.buttons::before {
    content: "Išči!";
}


.buttons:hover::after   {
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;

    content: url("/images/arrow-right.svg");
    animation: fadeIn 5s;

}

*/

/*
 .buttons {
    /*font: normal bold 1.5rem/1.8 'Roboto', sans-serif;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 40px; 
    margin: 0; 
  }

.buttons {
    text-decoration: none;
    padding: 1em 2.5em;
    background-color: #f93939; 
    color: #fff; 
    border-radius: 0.25em;
    
    background-image: linear-gradient(91deg, #3d0d8f 24.89%, #4e24c3 41.03%, #6542ff 55.67%, #ac42ff 76.24%, #f74792 85.67%, #fec723 102.51%);
    background-size: 300% ;
    background-position: left;
    
    transition: 300ms background-position ease-in-out;
    
  }

.buttons:hover {
    background-position: right; 
  }

*/

@media only screen and (max-width: 768px) {


    #izbiraLetnika {
        width:90%;
        margin: 15px;
        margin-top: 2px;
    }
    
    #izbiraPredmeta {
        width:90%;
        margin: 15px;
        }
    
    #izbiraProfesorja{
        width:90%;
        margin: 15px;
    }
    
    
    #dropdown {

        width: 100%;
        margin: 0;
        /*padding-top: 20%;*/
        margin-top: 35%;
        /*background-image: url("/images/select-banner.png");*/
        background-color: rgba(113, 107, 107, 0.23);
        height: 330px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        border-radius: 30px;
    }

    #footer {
        position: fixed;
        text-align: center;
        padding: 3px;
        backdrop-filter: blur(5px);
        color: white;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30%;
    }

    #footer a {
        padding: 30px;
        display: inline-block;
        text-decoration: none;
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #opozorilo {
        margin: 0!important;


    }
    
}

#footer {
    position: fixed;
    text-align: center;
    padding: 3px;
    backdrop-filter: blur(5px);
    color: white;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8%;
}

#footer a{
    padding: 20px;
    display: inline-block;
    text-decoration: none;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
#footer p{
    color: red;
    padding-bottom: 200px;
    display: inline-block
}

#footer a svg{
    fill: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}