@font-face {
  font-family: TiltNeon;
  src: url("../fonts/TiltNeon-Regular-VariableFont_XROT\,YROT.ttf");
}

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

.container-home {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
}

.link-cont {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding: 30px 20px 0px 0px;
}

#logo {
  display: none;
  visibility: hidden;
}

.img-map-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 95vh;
  padding: 50px;
}

.img-map-cont img {
  height: auto;
  width: 90%;
}

.login-link,
.cadastro-link {
  margin: 30px;
  text-decoration: none;
  color: #623b6f;
  font-family: TiltNeon;
}

.login-link {
  padding: 11px 15px 11px 15px;
  border-radius: 6px;
}

.cadastro-link {
  border-radius: 6px;
  border: solid 2px #623b6f;
  padding: 8px 5px 8px 5px;
}

.login-link:hover {
  color: #fff;
  background-color: blueviolet;
  opacity: 60%;
}

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

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer p {
  margin: 0;
  padding: 0;
  color: #777;
  padding-bottom: 20px;
  font-size: 14px;
}


.video-container {
  display: flex;
  justify-content: center;
  width: 80%;
  /* largura desejada */
  height: 80%;
  /* altura desejada */
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.547);
  background-color: rebeccapurple;
}

.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* preenche o espaço sem distorcer */
  display: block;
}

@media (max-width: 768px) {
  .video-container {
    display: none;
    /* esconde vídeo em telas pequenas */
  }

  #logo {
    display: flex;
    visibility: visible;
    box-shadow: 1px 1px 10px #000000;
    width: 40%;
    height: auto;
  }

  body {
    background: url("./img/school.jpg") no-repeat center center fixed;
    background-size: cover;
  }

  .link-cont {
    display: flex;
    margin: 0;
    padding: 0;
    height: 10vh;
    background-color: #fff;
  }

  .footer p {
    color: #000000;
    text-shadow: 1px 1px 5px #0d5e16;
  }
}