html {
    background-color: #4e58e6;
    
    
}

body {
    background-color: #4e58e6;
    border: 8px solid white;
    color:white;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif

}
h1 {
    text-align: center;
    font-size: 200%;
 }

 h2 {
    text-align: center;
    font-size: 350%;
    margin-top:70px;
 }


.index_1 {
    height:800px;
}

.index_2 {
    background:gray;
    padding:10px;
    height:200px;
}

 .i1, .i3{ 
    width: 25%;
    height:300px;
    /*background-color: red;*/
    float:left;
    
    /*border: 3px solid black;*/
 }


 .i2{ 
    width:  50%;
    
    height:400px;
    background-color: rgb(18, 125, 191);
    float:left;
 }

 header{
    height:300px;
background:rgb(49, 49, 194);
 }

 .h1, .h3{ 
    width: 25%;
    height:200px;
    background-color: #4e58e6;
    float:left;
    text-align: center;
    
    /*border: 3px solid black;*/
 }


 .h2{ 
    width:  50%;
    
    height:200px;
    background-color: #4e58e6;
    float:left;
 }

 .i2 p{
    text-align:center;
 }
.me {
    width:100%;
}

.img100 {
    width:100%;
}
main {
    background-color: #4e58e6;
}

.copy{
    margin:10px;
}