@import url("https://fonts.googleapis.com/css?family=Rubik&display=swap");

html {
  background-color: #363636;
}

body {
  background-color: #363636;
  color: #f5f5f5;
  font-family: "Rubik", sans-serif;
}

.is-dark {
  background-color: #1e1e1e;
}

.is-offline {
  text-decoration: line-through;
}

ul {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

li,
li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  list-style: none;
  color: #f5f5f5;
}

li a:hover {
  color: #fff;
}

.contact-data {
  margin-top: 3.5rem;
}

.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 3rem;
}

.title {
  border-bottom: none;
}

.has-border-left {
  border-left: 3px solid #7a7a7a;
}

@media (min-width: 768px) {
  .title {
    border-bottom: 3px solid #7a7a7a;
    padding-bottom: 5px;
  }
  .languages {
    margin-top: 62vh;
  }
  .contact-data {
    margin-top: 7vh;
  }
  .is-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
  }
}