html, body {
    padding:0;
    margin:0;
    background-image:url(img/noise-light.svg);
    background-position:center;
    background-size:cover;
    background-attachment:fixed;
}

/* navigation bar */

.navigation-bar {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    background-color:#3b71bc;

    margin:15px;
    border-radius:10px;
    padding-right:20px;
    padding-left:20px;
    padding-bottom:20px;
    padding-top:20px;
    height:max-content;
}

.navigation-items {
    display:flex;
    flex-direction:row;
    
}

.navigation-link {
    padding-left:10px;
    padding-right:10px;
    font-size:16px;
    color:rgb(255, 255, 255);
    font-family:'IBM Plex Mono';
    font-weight: 500;
    white-space: pre-line;
}

.navigation-link:hover {
    text-decoration:underline;
}

.navigation-title {
    color:white;
    font-size:25px;
    font-family:'Poppins';
    font-weight:500;
}

.navigation-button {
    padding:10px;
    border:solid;
    border-color:white;
    border-radius:10px;
    background-color:white;
    font-family:'IBM Plex Mono';
    font-weight:500;
    font-size:14px;
    margin-left:10px;
    transition-duration:500ms;
}

.navigation-button:hover {
    border:solid;
    border-color:white;
    color:white;
    background-color:#3b71bc;
    
}

a {
    text-decoration:none;
}

/* assets */

.button-1:hover {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#3b71bc;
}

.button-1 {
    padding:10px;
    border:solid;
    border-color:#ffffff;
    border-radius:10px;
    background-color:rgba(255, 255, 255, 0);
    color:white;
    font-family:'IBM Plex Mono';
    font-weight:500;
    font-size:14px;
    margin-left:10px;
    transition-duration:500ms;
}

.button-2:hover {
    background-color:#3b71bc;
    border-color:#3b71bc;
    color:white;
}

.button-2 {
    padding:10px;
    border:solid;
    border-color:#3b71bc;
    border-radius:10px;
    background-color:rgba(255, 255, 255, 0);
    color:#3b71bc;
    font-family:'IBM Plex Mono';
    font-weight:500;
    font-size:14px;
    margin-left:10px;
    transition-duration:500ms;
    margin:0;
}

.footer {
    background-color:#577aa9;
    margin:0;
    height:15vh;
    margin-top:110px;
    display:flex;
    align-items:center;
    margin-top:auto;
    background-attachment:fixed;
}

.footer-title {
    font-family:'Poppins';
    color:white;
    margin-left:80px;
    font-weight:400;
    font-size:20px;
}

.heading {
    background-color:#93aed4;
    margin:15px;
    border-radius:10px;
    height:15vh;
    display:flex;
    align-items: center;
    justify-content: center;
}

.heading-text {
    color:white;
    font-family:'Poppins';
    font-weight:500;
    font-size:35px;
}

.nav-button {
    padding:10px;
    border:none;
    background-color:#3b71bc;
    color:white;
    font-family:'Poppins';
    border-radius:10px;
    margin:10px;
    position:fixed;
}