@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400&family=Martian+Mono:wght@500&family=Titillium+Web:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400&family=Martian+Mono:wght@500&family=Titillium+Web:wght@600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400&family=Martian+Mono:wght@500&family=Titillium+Web:wght@600&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@500&family=Nunito+Sans:opsz,wght@6..12,200&family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@500&family=Nunito+Sans:opsz,wght@6..12,200;6..12,700&family=Roboto:wght@100&family=Rubik:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@500&family=Cabin:wght@600&family=Nunito+Sans:opsz,wght@6..12,200;6..12,700&family=Roboto:wght@100&family=Rubik:wght@500&display=swap');

* {
    margin: 0;
    padding: 0;
}

h1 {
    font-family: "Rubik";
    color: #5f529c;
}

h2 {
    font-family: "Rubik";
    color: #5f529c;
}

h3 {
    font-family: "Rubik";
    color: #5f529c;
}

b {
    font-family: "Nunito Sans";
    color: #5f529c;
}

i {
    font-family: "Nunito Sans";
    color: #5f529c;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tab { margin-left: 70px; }

.content .container li {
    margin-left: 45px;
}

.content .container ul li {
    margin-left: 45px;
}

body {
    background-color: #A6A1C6;
}

#logo-img {
    display: flex;
    max-width: 100%;
}

nav {
   width: 100%;
   height: 70px;
   background-color: #4D4961; 
   font-family: "Cabin";
   text-align: center;
}

nav ul {
   display: flex;
   justify-content: space-around;
}

nav ul li {
   list-style: none;
   position: relative;
}

nav ul li a {
   display: block;
   text-decoration: none;
   color: white;
   font-weight: bolder;
   padding: 19px 20px;
   font-size: 20px;
}

nav ul li a:hover {
   background-color: #c2b8f1;
   color: #eeeaff;
}

nav ul li ul {
   display: none;
   position: absolute;
   background-color: #4D4961;
   padding: .5px;

}

nav ul li:hover ul {
   display: block;
}

nav ul li ul li {
   width: 250px;
}

nav ul li ul li a:hover {
   background-color: #c2b8f1;
   color: #eeeaff;
   padding: 14.5px 20px;
}

@media (max-width: 1048px) {
    nav ul {
        margin-right: 20px;
    }

    nav ul li a {
        font-size: 15px;
    }

    nav ul li ul li {
        width: 150px;
     }
}

@media (max-width: 600px;) {
    nav ul {
        margin-right: 10px;
    }

    nav ul li a {
        font-size: 10px;
    }
}

.italics {
    font-style: italic;
}

.content {
    font-family: "Nunito Sans";
    color: black;
    max-width: 85%;
    margin: 18px auto;
    padding: 30px 20px 30px 20px;
    background-color: white;
    min-height: 50%;
}

.container {
    padding: 4px 40px 15px 40px;
}

.container a {
    color: #70c8f1;
}

.content a {
    color: #70c8f1;
}

.reverie{
    display:inline-block;
    margin-left:1em;
    text-align:left;
    padding-left: 30px;
}



.footer {
    font-family: "Nunito Sans";
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #4D4961;
    color: white;
    text-align: center;
    font-style: italic;
}