html,
body {
    height: auto;
    margin: 0;
    font-family: "Noto Serif", serif;
    background: linear-gradient(to bottom, rgb(181, 27, 27), rgb(161, 34, 34), rgb(182, 78, 78), rgb(101, 50, 101), rgb(100, 59, 247), rgb(72, 72, 242), rgb(0, 0, 160));
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.nav {
    display: flex;
    justify-content: space-evenly;
    font-size: 2vw;
    text-align: center;
    border-bottom: 3px solid white;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    background-color: rgb(181, 27, 27);
}
#fundamentals {
    color: rgb(107, 144, 255);
}

.nav a {
    padding: 1vw;
}

a {
    text-decoration: none;
    color: white;
}

.main {
    margin-top: 200px;
    margin-left: 15%;
    margin-right: 15%;
    text-align: center;
}
.main p {
    text-indent: 4em;
}

h1 {
    font-size: 3.5vw;
    text-align: center;
}
#basics {
    text-align: center;
    margin-top: 100px;
}
img {
    height: 20vw;
    width: 30vw;
    margin-top: 20px;
}

.footer {
    margin-top: 100px;
    display: flex;
    justify-content: space-evenly;
    border-top: 3px solid white;
    padding: 10px 0;
    width: 100vw;
}
.footer p {
    font-size: 2vw;
}