body{
    text-decoration: none;
    background-color: #eeffff;
    font-family: 'Lato', sans-serif; 
}

ul{
    list-style-type: none;
}

.header { display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    background-color: #ff5722;
   
}

ul li a { 
     text-decoration: none;
    color:#ffffff;
    box-sizing: border-box;
    font-size: 16px;


}

.container{
    width:100%;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-around;

}

.square{
    margin-top:5%;
    height:300px;
    width:300px;
    margin-bottom: 5%;
    text-align:center;
    padding-top:5%;
    font-family: 'Josefin Sans', sans-serif;
    background-color: #bbdefb;
    border: 5px solid #8aacc8 ;

}
.rectangle {
    margin-top:5%;
    height:300px;
    width:600px;
    text-align:center;
    padding-top:5%;
    margin-bottom: 5%;
    background-color: #bbdefb;
    border: 5px solid #8aacc8 ;

}

.footer{

    font-size:14px;
}

.footer2 { display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    background-color: #002171;
    height:100px;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-bottom:5%;
    

   
}

.footer2 h3{
    color:#bbdefb;
}

.footer2  a { 
    text-decoration: none;
   color:#ffffff;
   box-sizing: border-box;
   font-size: 16px;

   
}