body{

    text-align: center;
    align-items: center;
    justify-content: center;

    background-color: #efce49;
    
}

@font-face{

    font-family: yazı;
    src: url(yazı.ttf);

}


.yazı{

    font-family: yazı;
    color: bisque;

    

}

.WebOyunlarButonu{

    height: 50px;
    width: 200px;

    background-color: white;
    border-radius: 10px;
    border: none;

    cursor: pointer;

    transform: scale(1.0);
    transition: transform 0.3s;

    font-family: yazı;

    

}

.WebOyunlarButonu:hover{

    transform: scale(1.3);
    
}

.sy{

    font-family: yazı;
    color: black;
    background-color: white;
    border-radius: 10px;
    
}