style.css

body{
    font-family: sans-serif;
    margin: 50px 50px 0 50px;
    display: flex;
    flex-direction: column;
}
.main{
    flex: 1;
}
#top{
    height: 46px;
    width: 263px;
}
@media (max-width: 680px) {
    .mid {
        width: 100px;
    }
  }
#head{
    font-weight: bold;
    font-size: 5rem;
}
#creative{
    color: #191970;
}
.mid
{
    height: 200px;
    margin-right: 50px;
    float: left;
}
.left{
    float: left;
    width: 45%;
}

h2{
    display: block;
    font-size: 25px;
    font-weight: bolder;
}
p{
    display: block;
    font-family: sans-serif;
    font-size: 18px;
    text-align: justify;
}
.right{
    float: right;
    width: 45%;
}
footer{
    text-align: right;
    font-size: 18px;
   
    clear: both;
    color: #191970;
}