@import url('https://fonts.cdnfonts.com/css/product-sans');

html { 
    font-family: 'Product Sans', sans-serif;
}

body {
    color: white;
    min-height: 97vh;
    background: url(../image/tithonia.webp) no-repeat center center fixed; 
    background-color: #222933;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.container {
    padding-left: 17.5%;
    padding-right: 17.5%;
}

.branding-text {
    display: inline-block;
    white-space: pre-line;
    font-size: 3vh;
    font-weight: bold;
}

.header {
    position: absolute;
    left; auto;
    top: 20%;
}

.header-title {
    display: inline-block;
    white-space: pre-line;
    font-size: 7.5vh;
    color: #F9EFE6;
}

.btn_main {
    background-color:#FFDDB7);
    backdrop-filter: blur(10px);
    border-radius: 25px;
    color: #324F29;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 7.5%;
    padding-right: 7.5%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}


@media (max-width: 600px) {
    .container {
        padding-left: 2.5%;
        padding-right: 2.5%;
    }

    .header-title {
        font-size: 5vh;
        color: #F9EFE6;
    }

    .topnav {
        visibility: hidden;
    }
}

.topnav {
    overflow: hidden;
    text-align: center;
    align-items: center;
    margin-top: 5%;
}
  
.topnav a {
    color: #F9EFE6;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
    font-size: 3vh;
    font-weight: 600;
}