@font-face {font-family: bitterBold;src: url("assets/fonts/Bitter-Bold.otf");}
@font-face {font-family: bitterRegular;src: url("assets/fonts/Bitter-Regular.otf");}
@font-face {font-family: cabinRegular;src: url("assets/fonts/Cabin-Regular.ttf");}

body{
	min-width:100vw;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	background-color: #f1d98d;
}
main{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-width: 1000px;
	text-align: center;
}

.bigLetters{
	font-family: bitterBold;
    font-size: 60px;
    line-height: 1.2em;
    margin: 0 0 30px 0;
}
.smallLetters{
	font-family: bitterRegular;
    font-size: 20px;
    line-height: 1.2em;
    margin: 0px 0 30px 0;
}
.button{
	background-color: white;
	border:1px solid white;
	padding:10px;
	border-radius: 5px;
	font-family: sans-serif;
	font-size: 30px;
}
.link{
	color:blue;
	text-decoration: underline;
}
.button:hover{
	border:1px solid black;
	text-decoration: underline;
}
.bold{
	font-weight: bold;
}


@media screen and (max-width: 700px) {
	main{
		margin:10px;
	}
	.bigLetters{
		font-family: bitterBold;
	    font-size: 40px;
	    line-height: 1.2em;
	    margin: 0 0 30px 0;
	}
	.smallLetters{
		font-family: bitterRegular;
	    font-size: 15px;
	    line-height: 1.2em;
	    margin: 0px 0 30px 0;
	}
}