@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

*{
    text-align: center;
    font-family: "Audiowide", sans-serif;
}

a{
    text-decoration: none !important; 
    color: inherit !important;
    width: 100% !important;
}

h1{
    font-size: 50px !important;
    
}
.main-bg {
    background: #ffcc00;
}

.debug{
    border: solid red 2px;
}
.center{
    position: relative;
    left: 50%;
    transform:translateX(-50%) ;
}

#fotka {
    /* margin-top: 20%; */
    background-image: url(g46.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /* border-radius: 50%; */
    height: 200px;
    width: auto;
    /* border: solid 1vh black; */

}

#mid{
    background-color: black;
    height: 220px;
    width: 100%;
    max-width: 500px;
    transform: skewY(-20deg) translate(-50%, -120px);
    left: 50%;
}

.white{
    color: white;
    width: 100%;
}

.bgbl{
    background-color: black !important; 
}

.bgbl:hover{
    background-color: white !important; 
    color: black !important;
}

.fs20{
    font-size: 20px !important;
}

.mv450{
    max-width: 450px;
}