@font-face {
    font-family: "Suisse Intl";
    src:url('./Fonts/SuisseIntl-Regular.otf') format('truetype'),
    url('./Fonts/SuisseIntl-SemiBold.otf') format('truetype');
}
*{
    font-family:"Suisse Intl";

}
body{
    max-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: cover;
}
#toggle-theme{
	padding: 2px 4px;
	line-height: 20px;
	border-radius: 4px;
	border: none;
	background-color: #5FBCA6;
	color: white;
	outline: none;
	cursor: pointer;
}

.light{
    background-image: url('img/white_bg_desktop.png');
    color: black;

}

.dark{
    background-image: url('img/black_bg_desktop.png');
    color: white;
}

section{
    height: 100vh;
    display: flex;

}

h1{
    font-size: 64px !important;  
    letter-spacing: -0.03em;  
    font-style: normal;
}

a,h1{
    color: #5FBCA6;
    text-decoration: none;

}
a:hover.main-color{
    color: black;
    border-bottom: 3px solid #5FBCA6;;
}
.main-color{
    
}

h2{
    font-size: 48px;  
    font-style: normal;
}
p{
    font-size: 30px;  
    font-style: normal;
}
.heading-text{
    max-width: 750px;
}
.km-logo-white{
    content: url('img/KM_Logo_black.png');
}
.km-logo-black{
    content: url('img/KM_Logo_white.png');
}

.mt-10{
 margin-top: 100px !important;
}
.mb-10{
    margin-bottom: 100px !important;
}
.mt-20{
    margin-top: 200px !important;
}
.mb-20{
    margin-bottom: 200px !important;
}

@media screen and (max-width:600px) {
    .light{
        
        background-image: url('img/white-mobile.png');
    }

    h2{
        font-size: 38px;
    }

    p{
        font-size: 20px;
    }
    
}