/********* general *********/

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

button {
   font-family: 'Open Sans', sans-serif;
   cursor: pointer;
}

section {
   border-bottom: 1px solid black;
   padding: 1.5rem;
}

/********* layout *********/

body {
   font-size: 0.9rem;
   font-family: 'Open Sans', sans-serif;
   height: 100vh;
   margin: 0;
   display: flex;
   flex-direction: column;
}

main {
   flex: 1 0 auto;
}

footer {
   flex-shrink: 0;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 0.8rem;
   margin-bottom: 4px;
}

/********* nav *********/

nav {
   flex-shrink: 0;
   width: 100%;
   border-bottom: 1px solid black;
   display: flex;
   align-items: center;
}

nav a:nth-of-type(2) {
   margin-right: 1.2rem;
}

#site-icon {
   width: 7rem;
   height: 3.5rem;
   object-fit: cover;
}