style.css

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html{
    background-image: -webkit-linear-gradient(bottom,#2193b0,#6dd5ed);
}

nav{
    border: 1px solid red;
    list-style-type: none;
    display: inherit;
    margin: 10px;
    border-radius: 13px;

}

nav a{
    text-decoration: none;
    list-style-type: none;
    color: white;
}

nav a:hover{
    color: black;
}

.navdiv1{
    display: flex;
    justify-content: flex-start;
    font-family: 'Fasthand';
    font-size: 2rem;
    color: white;
    padding: 10px;
}


.navdiv2{
    display: flex;
    justify-content: flex-end;
    font-family: 'Rosarivo', serif;
    padding: 10px;

}

section{
    text-align: center;
    padding: 10px;

}



.sectiondiv1{
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)), url('https://wallpaperaccess.com/full/2109968.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    border: 1px solid red;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    height: 400px;
    border-radius: 13px;
}

.sectiondiv2{
    border: 1px solid red;
    padding: 10px;
    margin-bottom: 10px;
    background-image: url('https://cdn.dribbble.com/users/1036808/screenshots/7385069/media/aad192da74d690845d05eac18c5cadae.gif');
    background-repeat:no-repeat;
    background-size: cover;
    color:white;
    height: 600px;
    border-radius: 13px;
}

.sectiondiv3{
    border: 1px solid red;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 13px;
}

.sectiondiv4{
    border: 1px solid red;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 13px;
}

footer{
    border: 1px solid red;
    text-align: center;
    font-size: 30px;

}

footer a{
    color:black;
}
footer a:hover{
    color:#0072b1;
}