@media screen and (height < 600px){
    #main {
        margin: 2px 10vw;
    }
    #logo{
    width: 50vw;
    margin: auto;
}
}
@font-face {
    font-family: 'nunito';
    font-weight: bold;
    src: url('font/nunito.extrabold.ttf') format(‘truetype’);
}
@font-face {
    font-family: 'prosper';
    src: url('font/Fair_Prosper.ttf') format(‘truetype’);
}
@font-face {
    font-family: 'tahu';
    src: url('font/Tahu.ttf') format(‘truetype’);
}

html {
	font-size: 100%;
	margin: 0;
	padding: 0;
/*}
*{border: 1px solid black;}*/

body {
    background-color: #FFFFFF;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    
}


#main {
	margin: 0 auto;
    display: flex;
    flex-direction: column;
    

}
h1{
    font-size: 5rem;
    margin: 0.1em 0;
    font-family:'tahu','prosper', sans-serif;
}
#logo{
    max-width: 20vw;
    margin: auto;
}
.divgen {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1em solid  #9e5c80;
    border-radius: 3em ;
    margin: 1vh 0;
    min-width: fit-content;
    padding: 1em 2em;
    font-family: 'Nunito', sans-serif;

}
.divgen a,p{
    font-size: 2.5rem;
    padding: 0.2em 0.4em;
    text-transform : uppercase;
    
}

.divgen a[href] {
    color: #46456E;
    text-decoration-line: none;
    
}

.divgen a[href]:hover {
	color: #F58129;
}
.divgen a[href]:visited {
	color: #46456E;
}
.divgen a[href]:visited:hover {
	color: #F58129;
}

.divgen img{
    max-width: 4rem;
    padding: 0 2em;
}