html, body {
    height: 100%;
    margin: 0px;
}
.arka{
    height: 100%;
    background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);
    display: flex;
    justify-content: center;
}
.menu{
    width: 1041px;
    height: 579px;
    position: relative;
    background-image: url("res/men.png");
    display: flex;
    justify-content: center;
}

.m{
    align-items: center;
    width: 966px;
    height: 57px;
    position: absolute;
    display: flex;
    justify-content: flex-end;
}

.m1{    
    top: 100px;
    background-image: url("res/m1.png");
}
.m2{    
    top: 162px;
    background-image: url("res/m2.png");
}
.m3{    
    top: 224px;
    background-image: url("res/m3.png");
}
.m4{    
    top: 286px;
    background-image: url("res/m4.png");
}
.m5{    
    top: 348px;
    background-image: url("res/m5.png");
}
.m6{    
    top: 410px;
    background-image: url("res/m6.png");
}
.m7{    
    top: 476px;
    background-image: url("res/m7.png");
}
.btn{
    width: 158px;
    height: 40px;
    margin-right: 15px;
}
.res_btn{
    width: 158px;
    height: 40px;
}
.erisim{
    background-image: url("res/erisim1.png");
    cursor: pointer;
}
.erisim:hover{
    background-image: url("res/erisim.png");
}

.etv{
    background-image: url("res/etv1.png");
    cursor: pointer;
}
.etv:hover{
    background-image: url("res/etv.png");
}

.ani{
    background-image: url("res/ani1.png");
    cursor: pointer;
}
.ani:hover{
    background-image: url("res/ani.png");
}

.sim{
    background-image: url("res/sim1.png");
    cursor: pointer;
}
.sim:hover{
    background-image: url("res/sim.png");
}
.ana{
    align-items: center;
    width: 63px;
    height: 64px;
    position: absolute;
	left: 0px;
}
.ana_btn{
    background-image: url("res/ana.png");
}
.ana_btn:hover{    
    background-image: url("res/ana1.png");
}