html{
    background-color: white;
    font-family: Roboto, sans-serif;
}
header{
    background-image: url(kepek/hatter.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 2%;
    text-align: center;
    border-radius: 20px;
}
.linkek{
    background-color: #6D696A;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 150%;
    border-radius: 20px;
    padding: 1%;
}
.linkek a:hover{
    color: #A2A7A5;
}
.linkek a{
    text-decoration: none;
    color: #DAE2DF;
    opacity: 100%;
    padding: 0.5%;
}
h1{
    font-size: 500%;
    text-align: center;
    font-weight: bold;
    color: #6D696A;
}
.fooldal_cim{
    font-size: 900%;
}
p{
    font-size: 150%;
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
ul, ol{
    font-size: 120%;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    color: white;
}
li:nth-child(odd){
    padding: 0.5%;
    background-color: #A2A7A5;
}
li:nth-child(even){
    padding: 0.5%;
    background-color: #888888;
}
img{
    display: block;
    border-radius: 10px;
}