body{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.content{
    background: cadetblue;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

#menu{

    display: flex;
    position: fixed;
    top:4%;
    left:50%;
    transform: translate(-50%,-50%);
    height: 8vh;
    width: 90vw;    
    background: rgb(255, 255, 255);
}

#govde{
    background-image: url(../resimler/1.jpg);
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: row;
    top: 54.2%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0.1vw solid black;
    height: 92vh;
    width: 89.8vw;
}

.secenek{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8vh;
    width: 18vw;
    font-size: 17px;
    border-right: 1px solid rgb(209, 209, 209);
    border-left: 1px solid rgb(209, 209, 209);
    background: rgb(88, 81, 76);
    transition: 0.5s ease;
    color: white;
    
}

.secenek:hover{
    background: rgb(225, 224, 224);
    font-size: 17px;
    font-weight: bolder;
    color: rgb(1, 1, 1);
    border-radius: 5px;
    cursor: pointer;
}



#metin{
    display: flex;
    
}
.yanResimler{
    width: 20vw;
}

.yanResimler img{
    width: 18vw;
    margin-top: 6vw;
}

span{
    padding: 5px;
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline;
    background-color: rgba(142, 254, 57, 0.3)
    
}

#tanitimMetin p{
    color: white;
    width: 50vw;
    height: auto;
    font-size: 1.2vw;
    padding: 0 1vw 0 1vw;
}

a:visited{
    color: inherit;
    text-decoration: none;
}

#bestellung-giris{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 70vh;
    width: 30vw;
    background-color: rgb(92, 83, 83);
    border-radius: 15px;
    box-shadow: 7px 1px 57px 4px rgba(24, 24, 24, 0.75);
    opacity: 0.92;
}
#isim-giris{
    height: 4vh;
    width: 20vw;
    font-size: 1.2vw;
    text-align: center;
}

#btn-ok{
    height: 4.7vh;
    width: 20.5vw;
    margin-top: 2vh;
    font-size: 1.2vw;
}