*{
    font-family: "REM", sans-serif;
}
body{
    background-image: url(./képek/áááá.png);
    background-repeat: no-repeat;
    background-size: auto;

}
@media screen and (max-width: 864px) {
    #ceg{
        display: none;
    }
}
#navbar{
    background-color: rgba(79, 105, 108, 0.438);
    backdrop-filter: blur(10px);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;

}
.logo {
    display: inline-block;
}
#nav{
    width: 100%;

}
@media screen and (max-width: 576px){
    #nav{
        display: none;
    }
    
}

.part{
    margin-top: 10px;
    transition: 0.2s;
}

.nav_button{
    text-decoration: none;
    color: white;
}
.nav_button:hover{
    color: yellow;
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px rgb(238, 255, 0),
      0 0 82px rgb(238, 255, 0),
      0 0 92px rgb(238, 255, 0),
      0 0 102px rgb(238, 255, 0),
      0 0 151px rgb(238, 255, 0);
    transition: 0.2s;
}
.part:hover{
    margin-top: 15px;
    transition: 0.2s;
}
.gomb{
    display: flex;
    justify-content: space-around;
    font-size: 1.25vw;
    top: 50%;

}
#focim{
    text-align: center;
    margin-top: 15vw;
    margin-bottom: 15vw;

}
.udv {
    padding: 0px;
    color: white;
}
h1.udv {
    font-size: 5vw;
}
#home{
    font-size: 2vw;
}
#cont_szolg-kep{
    background: linear-gradient(rgba(79, 105, 108, 0.5), rgba(0, 0, 57, 0.5));
    backdrop-filter: blur(20px);
    width: 100%;
    
}
#szolg_bev{
    color: white;
    text-align: center;
    padding: 2vw;
}
#szolg_cim {
    padding-left: 5vw;
}
.ize {
    width: 1000px;
}
#slideshow{
    display: flex;
    justify-content: center;
}
.button:hover{
    background-color: yellow;
    box-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px rgb(238, 255, 0),
      0 0 82px rgb(238, 255, 0),
      0 0 92px rgb(238, 255, 0),
      0 0 102px rgb(238, 255, 0),
      0 0 151px rgb(238, 255, 0);
    transition: 0.2s;
}
.kepek-cont{
    padding: 10vw 3vw 3vw 3vw;
}
.kepek-szov{
    color: white;
}
.elerh-cont{
    text-align: center;
    color: white;
    padding-top: 8vw;
    padding-bottom: 8vw;
}

.elerh-szov{
    display: flex;
    justify-content: center;
}
footer{
    background-color: black;
    height: 5vw;
    display: flex;
    justify-content: center;
}
#elerh{
    background-color: rgba(0, 0, 101, 0.418);
    padding: 20px;
    backdrop-filter: blur(15px);
    border-radius: 15px;
    margin-top: 100px;
}