/* html */

body {
    padding:0;
    margin:0;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

html {scroll-behavior: smooth;}

/* navigation bar */

.navigation-bar {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding-right:20px;
    background-color:#f3f3f3;
    position:sticky;
    top:0;
}

.navigation-item {
    font-size:18px;
    font-family:'DM Sans';
    padding:10px;
    color:#529bcb;
    font-weight:500;
}

.navigation-item:hover {
    font-weight:600;
}


.logo-div {
    justify-self:start;
    padding-left:18px;
    display:flex;
    align-items:center;
}

.items {
    display:flex;
    
}

.logo{
    width:35px;
    height:35px;
    
}

/* footer */

.footer {
    background-image: url('img/noise-dark.svg');
    background-color:#72a5e7;
    display:flex;
    flex-direction:row;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:auto;
    background-attachment:fixed;
}




/* text assets */

.header-1 {
    color:white;
    font-family:'DM Sans';
    font-size:35px;
    font-weight:500;
}

.text-content-1 {
    color:white;
    font-family:'DM Sans';
    font-size:22px;
    font-weight:400;
    padding-left:100px;
    padding-right:100px;
}

.big-heading-1 {
    color:white;
    font-family:'DM Sans';
    font-size:65px;
    font-weight:600;      
}

.header-2 {
    color:black;
    font-family:'DM Sans';
    font-size:35px;
    font-weight:500;    
    padding:0;
    margin:0;
}

.text-content-2 {
    color:black;
    font-family:'DM Sans';
    font-size:22px;
    font-weight:400;
    padding-left:100px;
    padding-right:100px;
}

.big-heading-2 {
    color:black;
    font-family:'DM Sans';
    font-size:65px;
    font-weight:600;      
}

.button-1 {
    border:none;
    padding:15px;
    border-top-left-radius:15px;
    border-bottom-right-radius:15px;
    background-color:#c5ddf8;
    color:rgb(0, 0, 0);
    font-family:'DM Sans';
    font-size:15px;
    margin:20px;
    transition-duration: 500ms;
    border:solid;
    border-color:black;
    border-width:1.5px;
}

.button-1:hover {
    background-color:#b2cfed;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-top-left-radius:0px;
    border-bottom-right-radius:0px;
}

a {
    text-decoration: none;
}

.page-heading {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    background-color:#acd6ff;
    background-image: url('img/noise-light.svg');
    background-attachment:fixed;
    margin:10px;
    border-radius:20px;
    height:130px;
}

.heading-text {
    font-size:47px;
    font-family:'DM Sans';
    font-weight:500;
    color:white;
}

.name {
    font-size:22px;
    color:rgb(91, 135, 169);
    font-family:'DM Sans';
    font-weight:500;
    padding-left:15px;
}

.mid-heading-2 {
    color:black;
    font-family:'DM Sans';
    font-size:40px;
    font-weight:600;  
    text-align:center;    
    padding:0px;
}

.title1 {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

iframe {
    border-radius:25px;
}

.form {
    border:solid;
    border-width:1.5px;
    border-color:rgb(45, 45, 45);
    box-shadow: 5px 5px #adadad;
}