@font-face {
    font-family: "SangBleu-Republic-Bold";
    src: url("../fonts/SangBleuRepublic-Bold-WebM.woff") format("woff"), url("../fonts/SangBleuRepublic-Bold-WebM.ttf")  format("truetype");
}

@font-face {
    font-family: "SangBleu-Republic-Medium";
    src: url("../fonts/SangBleuRepublic-Medium-WebM.woff") format("woff"), url("../fonts/SangBleuRepublic-Medium-WebM.ttf")  format("truetype");
}

@font-face {
    font-family: "SuisseIntl-Book";
    src: url("../fonts/SuisseIntl-Book-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Book-WebM.ttf")  format("truetype");
}

@font-face {
    font-family: "SuisseIntl-Book-Italic";
    src: url("../fonts/SuisseIntl-BookItalic-WebM.woff") format("woff"), url("../fonts/SuisseIntl-BookItalic-WebM.ttf")  format("truetype");
}

@font-face {
    font-family: "SuisseIntl-Regular";
    src: url("../fonts/SuisseIntl-Regular-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Regular-WebM.ttf")  format("truetype");
}

@font-face {
    font-family: "SuisseIntl-Light";
    src: url("../fonts/SuisseIntl-Light-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Light-WebM.ttf")  format("truetype");
}

@font-face {
    font-family: "SuisseIntl-Thin";
    src: url("../fonts/SuisseIntl-Thin-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Thin-WebM.ttf")  format("truetype");
}

@font-face {
    font-family: "SuisseIntl-Ultralight";
    src: url("../fonts/SuisseIntl-Ultralight-WebM.woff") format("woff"), url("../fonts/SuisseIntl-Ultralight-WebM.ttf")  format("truetype");
}



html{
    
}

body{
    margin: 0;
    height: 100%;
    overflow-y: scroll;
}

header{
    height: 7vh;
    margin-top: 3vh;
    margin-left: 2vw;
    position: fixed;
}

.bio{
    font-size: 28px;
    font-family: "SuisseIntl-Regular";
    height: 60vh;
    width: 100%;
}

.separation{
    height: 15vh;
}

.section{
    height: 100vh;
    width: 100%;
    background-color:white;
}

.section-about{
    height: 181vh;
    width: 100%;
    background-color:white;
}

.imageContainer{
    height: 60vh;
    width: 100%;
}

.imageContainer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.description{
    height: 25vh;
    width: 100%;
}

h1{
    font-size: 34px!important;
    font-family: "SangBleu-Republic-Bold"!important;
    margin-bottom: 22px!important;
}

h3{
    font-size: 22px!important;
    font-family: "SangBleu-Republic-Bold"!important;
}

h4{
    font-size: 16px!important;
    font-family: "SuisseIntl-Book-Italic"!important;
    line-height: 24px!important;
}

.title{
    font-family: "SangBleu-Republic-Bold"!important;
    font-size: 20px!important;
}

.entries{
    font-size: 15px!important;
    font-family: "SuisseIntl-Book"!important;
}

.SB{
    font-size: 16px!important;
    font-family: "SangBleu-Republic-Medium"!important;
}

a{
    color: black!important;
    text-decoration: none!important;
    border-bottom: 1px solid black;
}

a:hover{
    color: rgb(35, 70, 150)!important;
    text-decoration: none!important;
    border-bottom: 1px solid;
}

.blank{
    text-decoration: none!important;
    border-bottom: none!important;
}

.ul{
    text-decoration: none!important;
    border-bottom: 2px solid black;
}

.sn{
    color: black!important;
    text-decoration: none!important;
    border-bottom: 2px solid black;
}

.sn:hover{
    color: rgb(35, 70, 150)!important;
    text-decoration: none!important;
    border-bottom: 2px solid;
}

.blue{
    color: rgb(35, 70, 150)!important;
    text-decoration: none!important;
    border-bottom: none!important;
}

.nm{
    margin: 0px!important;
}

.vCenter{
    display: flex;
    justify-content: center;
    flex-direction: column;
}