@font-face {
  font-family: sneaky-times;
  src: url("../fonts/Sneaky-Times.woff2");
}

:root {
    --color-text: rgb(17, 17, 17);
    --color-text-select: rgb(78, 78, 78);
    --font-main: "sneaky-times";
    --nav-border-color: rgb(224, 224, 224);
    --mobile-font-size: 0.7rem;
}

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

html,
body {
  height: 100%;
}

main,
nav,
footer {
    z-index: 1;
}

body {
  min-height: 100vh;
  padding-right: 2rem;
  padding-left: 2rem;
  font-family: var(--font-main);
  font-weight: var(--font-weight-main);
  color: var(--color-text);
}


main {
  padding: 3.3rem 0;
}


main section {
  margin: 0 auto;
}

a {
    color: inherit;
    text-decoration: none;
}

.hover-opacity:hover{
  opacity: 60%;
}