body{
    background-color: #F7F7F7;
    max-width: 100%;
    background-image: url(img/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    font-family: 'Signika', sans-serif;
    background-color: white;
}
.class{
    margin-top: 20px;
    max-width: 80%;
    font-size: 25px;
}
.class>h1{
    text-align: center;
}
h1{
    text-align: center;
    font-size: 60px;
}
#logo{
    text-align: center;
}
nav {
    font-family: 'Signika', sans-serif;
}

nav .logo {
    height: 50px;
    width: auto;
}

.hover-effect:hover {
    background-color: #0F2936;
}
.border-img{
    border: 2px solid #0F2936;
    border-radius: 1rem;

}
footer {
    background-color: #0F2936;
}
.icon {
    color: #73C1E1;
    font-size: 2rem;
}
.icon:hover {
    color: #fff;
    
}
.navbar {
    background-color: #09475B;
}