@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");

* {
  margin: 0px;
  padding: 0px;
}

#main-container {
  background-color: #afafaf;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.main-content {
  width: 80%;
  height: 80%;
  background-color: #e1e1e1;
  border-radius: 0.2em;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 3%;
}

h1 {
  color: #3e3e3e;
  font-family: "Ubuntu Mono";
  font-size: 1.3em;
  margin-top: 10%;
  margin-bottom: 1em;
}
p {
  color: #4b4b4b;
  font-family: "Ubuntu Mono";
  font-size: 1.1em;
  margin-bottom: 0.2em;
  margin-left: 1.2em;
}

.menu-item {
  display: flex;
  justify-content: space-between;
  max-width: 200px;
}
.separator {
    margin-left: -5px;
}

a {
  color: #3e3e3e;
  font-weight: bold;
}
a:hover {
  color: rgb(77, 110, 77);
}

.socials {
  margin-top: 3em;
}