body{
    background-color: #A8CDE4;
      font-family: "Roboto", sans-serif;
        font-optical-sizing: auto;
        font-weight: <weight>;
        font-style: normal;
        font-variation-settings: "wdth" 100;
        margin:0;
        padding:0;
        color: #3B3B3B;
}
a, a:link, a:visited{
    color: rgb(193, 0, 0);
}
iframe{
    border: none;
    max-width: 100%;
    width: 100%;
    min-height: 40vh;
    background: #fff;
    border-radius: 10px;  
}
header{
    text-align: center;
    background-image: url('images/background.png');
    background-repeat: no-repeat;
    padding: 10rem 0 0 0;
    background-position: center 0;
    background-size: cover;
    position: relative;

    &::after{
        content: '';
        background-color: rgba(255,255,255,0.69);
        position: absolute;
        width: 100%;
        height: 100%;
        left:0;
        top:0;
        z-index: 1;
    }
    .container{
        padding:0;
    }
}
.body{
    background-color: #B4D9F0;
}
footer{
    text-align: center;
    background: #233A41;
    color:#fff;
    font-size: .9em;
    font-weight: 100;
}
.social{

    img{
        width: 25px;
        height:auto;
        margin: 0 5px;
    }
}
h1, h2, h3, h4, h5, h6{
    color:#233A41 ;
}
.container{
    max-width: 700px;
    margin:0 auto;
    padding: 2rem 2rem 2rem 2rem;
}
.logo{
    width: 150px;
    height: auto;
    margin: 0px 0 -30px 0;
    z-index: 10;
    position: relative;
}