style.css

body{
    background-color: rgb(100, 107, 106) !important; 
}
header{
    padding:30px;
    box-shadow: 3px 3px 3px #000;
    background-color: #212529;
    margin-bottom: 20px;
}
main{
    /*width:calc(75% - 60px);*/
    float:left;
    padding:30px;
    
}
.hero{
    box-shadow: 3px 3px 3px #000;
    
}
.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;
    margin-right: 30px;
  }
  .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 3px 3px 3px #000;
  }
aside{
    /*width: calc(25% - 60px);*/
    float: right;
    border-left: none;
    padding:30px;
    background-color: rgb(14, 40, 41);
    color: aliceblue;
    font-family: 'Chakra Petch', sans-serif;
    box-shadow: 3px 3px 3px #000;
    margin-bottom: 20px;
}

aside h5{
    font-family: 'Monoton', cursive;
    text-align: justify;
   
    
}
footer{
    clear:both;
    height: 75px;
    text-align: center;
    color: aliceblue;
    background-color: #212529;
    box-shadow: 3px -3px 3px #000;
    margin-top: 20px;
}

.social-links a{
    color: aliceblue;
}