@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); 

* {
	margin: unset;
	padding: unset;
}

html {
    background: #FFFF99;
    font-size: 14px;
    font-family: Raleway, serif;
}

body {
    height: 100svh;
    width: 100vw;

    display: flex;
    flex-direction: column;
}

main {
    flex: 1;

    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

footer {
    background: black;
    color: #FFFF99;
    padding: 2rem;
    font-weight: bold;
    text-align: center;
}

h1 {
    font-size: 3rem;
}

h3 {
    font-size: 1.5rem;
    text-align: center;
    padding: 0 1rem;
}

a {
    text-decoration: unset;
    color: unset;
}

.btn {
    display: block;
    padding: 1rem;
    border: 1px solid black;
    box-shadow: 4px 3px 0 black;
    border-radius: 0.5rem;
    background: #FFFF66;

}

.btn:hover {
    box-shadow: 2px 1px 0 black;
    transform: translate(2px, 2px);
}