body {
    background-image: url(../images/arka.jpg);
    background-repeat: no-repeat;
}

a {
    height: 30px;
    width: 250px;
    position: relative;
    display: flex;
    margin: auto;
    text-decoration: none;
    margin-top: 10px;

}

.kutu1 {
    margin-top: 100px;
}

#renk {

    margin-top: 170px;
}

.kutu3 {
    margin-top: 90px;
    margin-left: 330px;
    height: 300px;
    width: 500px;
    border: solid 1px gray;
    box-shadow: 2px 2px 2px 4px rgba(0, 0, 0, 0.75);
}

header {
    height: 50px;
}

header .menu {
    position: relative;
    text-decoration: none;
    background-color: gray;
}
ul
{
	text-decoration: none;
}
header a {
    position: relative;
    left: 80%;
}