styles.css

body{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.content{
    flex: 1;
}
header{
    background-color: black;
}
.topbar{
    color:white;
    display:flex;
}
.logo {
    flex-basis: 30%;
}
.button {
    color: white;
    flex-basis: 70%;
    display: flex;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
}

button{
    color: white;
    text-align: center;
    text-decoration: none;
    background-color: #4C5FD5;
    border-radius: 12px;
    padding: 15px 32px;
}
main{
    padding: 10%;
}
section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #dadbf1;
}

.impBlocks{
    display: flex;
    justify-content: center;
    align-items: center;
}
.subBlock{
    flex-basis: 50%;
}
footer{
    background-color: black;
    color: white;
}
img{
    max-width: 87px;
    float: left;
}
.topbar a{
    padding: 20px;
}

.mainFooter{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start ;
    align-items: center;
}

ul{
    list-style-type:none;
}