@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body {
    height: 100vh;
    background: radial-gradient(
        circle at 00% 100%,
         #0b0e17 0%,
         #070a15 20%,
         #1f222b 100%);

         overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;

    background: repeating-radial-gradient(
        white 0px,
        transparent 0.01px,
        transparent 0.1px
    );

    opacity: 0.02;
    z-index: 0;
}

#conteudo {
    position: relative;
    z-index: 1;
}
.logo { 
  font-family: "Montserrat", sans-serif;
   font-size: 30px;
   font-weight: 800;
   letter-spacing: 2px;
   color: white;

   text-shadow: 0px 0px 10px #ffffff;
   margin: 0px;

}  
.subtitle { 

  font-family: "Montserrat", sans-serif;
   font-size: 10px;
   font-weight: 800;
   letter-spacing: 2px;
   color: #4e83e5;
   margin-top: 0px;

   text-shadow: 0px 0px 10px #4e83e5;

}   
.logo-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 75px;
}

#acess {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 250px;
}

#button-acess {

    padding: 9px 65px;
    border: 1px solid;
    border-color: #4e83e5;
    border-radius: 15px;
    background-color: #171f40;


    font-family: "Bebas Neue", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 25px;
    color: #4e83e5;
}

.faixa{
    width: 130%;
    position: absolute;
    background-color:  #4e83e5;
    padding: 6px 0px;


    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    color:white;
    font-size: 16px;

    white-space: nowrap;
}

.faixa1 {
    top: 190px;
    transform: rotate(9deg);
}

.faixa2 {
    top: 460px;
    transform: rotate(-11deg);
}
.faixa3 {
    top: 470px;
    transform: rotate(8deg);
}