@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: 'Nunito', sans-serif;
overflow-y: auto;
}

button {
font-family: 'Nunito', sans-serif;
color: black;
}

@media (hover: none) {
button {
border: 1px solid #00000099;
box-shadow: 2px 2px 4px 2px #00000033;
}
}

.index {
background-color: #282931;
height: 100%;
padding-top: 2rem;
}

.index > .container {
margin: 0 auto;
width: 95%;
height: calc(100% - 4rem);
max-width: 1024px;
background-color: #fcfcfc;
filter: drop-shadow(0px 0px 16px #f3f);
border-radius: 8px;
}

.index .header {
padding: 3rem;
background-color: #191919;
color: #fcfcfc;
font-size: 2.5rem;
font-weight: 600;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

.index .content {
padding: 3rem;
color: #333;
}

.index .content h1 {
margin-top: 0;
color: #282931;
font-size: 1.8rem;
}