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

html,
body {
  font-family: Ubuntu, "Share Tech Mono", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-size: 100% 100%;
  background-image: url('../images/wall.webp');
}

header {
  margin-top: 6px;
  padding: 16px 0px;
  border-top: 1px solid #000000BF;
  border-bottom: 1px solid #000000BF;
  background-image: url('../images/wall.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  color: antiquewhite;
}

main {
  padding: 14px 0px;
  color: antiquewhite;
  opacity: 0.9;
}

footer {
  margin-bottom: 6px;
  padding: 14px 0px;
  border-top: 1px solid #000000BF;
  border-bottom: 1px solid #000000BF;
  background-image: url('../images/wall.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  color: antiquewhite;
  font-weight: 800;
  letter-spacing: 1px;
}

#texthome {
  text-align: center;
}

#portfolio {
  margin: 20px 0px;
}

#three-container {
  width: 100%;
  height: 300px;
}

.rights {
  text-align: center;
}

#andrejs {
  text-decoration: none;
  color: antiquewhite;
}

#andrejs:hover {
  color: #d6e8f9;
}

@media only screen and (min-width: 320px) and (max-width: 620px) {

}

@media only screen and (max-width: 319px) {
  html {
    display: none;
  }
}