body {
    font-family: sans-serif;
    background:white
    
    
}
h1{
    color: black;
    font-size: 5em;
    font-style: italic;
    direction: rtl;
}
.im{
    margin: 0 auto;
}
h2{
    color: blue;
    font-size: 3em;
    direction: rtl;
}
.container {
    width: 800px;
    background: rgb(45, 13, 157);
    direction: rtl;
    margin: 0 auto;
    padding: 16px;
   color: rgb(16, 1, 1);
   position: relative;

}
.logo{
    position: absolute;
    top: 27px;
    left: 81px;
}

.box1 {
    height: 50px;
    width: 150px;
    background: gold;
    margin-left: 50px;
    border:4px solid red; 
    padding: 8px;
    font-size: 1.5em;
    margin: 8px 5px 8px 20px;
    text-decoration: none;
    

}

.box2 {
    height: 50px;
    width: 150px;
    background: yellowgreen;
    margin-bottom: 16px;
    border:4px solid red; 
    padding: 8px;
    font-size: 1.5em;
    margin: 8px 200px;
}

.box3 {
    height: 50px;
    width: 150px;
    background: turquoise;
    border:4px solid red; 
    padding: 8px;
    font-size: 1.5em;
    margin: 8px 400px;
}