/*fonty*/
@import url('https://fonts.cdnfonts.com/css/minecrafter');

*{
    margin: 0;
    padding: 0%;
    background-color: black;
}

@font-face {
    font-family: 'Minecraftia';
    src: url('./assets/img/minecraft/Minecraftia.ttf') format('truetype');
}

.minecrafter{
    font-family: 'minecrafter', sans-serif;
}

.minecraftia{
    font-family: "Minecraftia" !important;
}

.minecraftia *{
    font-family: "Minecraftia" !important;
}

/*header*/
    .rect{
        width: 100%;
        height: 150px;
    }

    .triangle {
    position: absolute;
    top: 0;
   width: 50px;
   height: 50px;
   background-color:transparent;
    }

    .navNahled{
        width: 19.75%;
        object-fit: cover;
    }

    h1{
        font-family: "UnifrakturMaguntia", cursive;
        color: aliceblue;
        font-size: 100px;
        margin-left: 3%;
        margin-top: 6%;
    }

    h2{
        font-family: "IM Fell English", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;
        color: aliceblue;
        margin: 3%;
    }  


    .flexOdkaz{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 75%;
    }

    .textOdkaz{
        position: absolute;
        text-decoration: none;
    }

    .odkaz{
        width: 80%;
    }

/*obrazky*/
    .img{
        width: 93%;
        margin-top: 5%;
        margin-left: 3%;
    }

    .img_01{
        width: 90%;
        margin-top: 5%;
        object-fit: fill;
    }

    .sections{
        display: flex;
        justify-self: center;
        margin-top: 3%;
    }

    .section{
        display: flex;
        justify-content: center; 
        gap: 5%;
    }

    .textSection{
        display: flex;
        flex-direction: row;
        gap: 48%;
        margin-left: 20%;
    }

/*responzivita tablet*/
    @media only screen and (min-width: 700px) and (max-width: 1000px){
    .navNahled{
    width: 32.95%;
    }
    .visible{
        display: none;
    }
    .textOdkaz{
        font-size: 20px;
    }
    h1{
    margin-left: 3%;
    margin-top: 5%;
    font-size: 70px;
    }
    h2{
        font-size: 20px;
    } 
}

/*responzivita mobil*/
    @media only screen and (min-width: 200px) and (max-width: 700px){
    .navNahled{
        width: 47%;
    }
    .odkaz{
     width: 110%;
     margin-left: 25%;
    }
    .textOdkaz{
        font-size: 15px;
        width: 25%;
        margin-left: 10%;
    }
    h1{
    margin-left: 3%;
    margin-top: -3%;
    font-size: 50px;
    }
    h2{
    font-size: 15px;
    }   
    .visible{
        display: none;
    }
    .visible1{
        display: none;
    }
}