html {
    background: #020609;
    color:white;
}

body {
    /* overflow: hidden; */
    margin: 0;
    min-height: 100vh;
    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.015) 0px,
            rgba(255,255,255,0.015) 1px,
            transparent 1px,
            transparent 3px
        ),
        #020609;

    background: url(https://gifcity.carrd.co/assets/images/gallery66/7afcf5b7.gif?v=3fc8f5cd) repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Container que centraliza a tela */
.screen-wrapper {
    position: fixed;
    inset: 0; 

    display: flex;
    justify-content: center;
    align-items: center;
    margin:0; padding: 0;
    overflow: hidden;
}


.screen {
  display:none;/* --Active after finish page  */
  width: 1200px;
  /* min-height: 100vh; */
  margin: 0px auto;
  /* padding:10px 0px 10px; */
  background:rgba(192, 197, 201);

  border-left: 2px solid #12303a;
  border-right: 2px solid #12303a;

  animation: open 1.5s ease-out forwards;
  

  overflow: hidden;
}

@keyframes open{
  0%{
    height: 0;
  }
  100%{
    height:100vh;

  }
}

@keyframes slide {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 300vw;
  }
}

.title{
  background-size: 300vw 300vw;
  text-align: -webkit-center;
  background: repeating-linear-gradient(-45deg, red 0%, yellow 7.14%, #0f0 14.28%, #0ff 21.42%, cyan 28.56%, blue 35.7%, magenta 42.84%, red 50%);
  /* text-shadow: 5px 2px #020609; */
  -webkit-animation: 'slide' 30s infinite linear forwards;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.menu-win-95{
  /* margin: 0; */
  background-color: rgba(131, 136, 140);
  margin: 2px 2px 0;
}

.menu-win-95 > h1{
  margin: 0;
}

.navbar{
  display: flex;
  flex-direction: row;
  justify-content: right;
  list-style-type: none;
  gap: 10px;
  margin-right: 20px;
  }
  
.uploads{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items: center;
}

.uploads > p{
  color:black;
  }

.under_constructions{
  display:flex;
  flex-direction:row;
  list-style-type:none;
}

.gif {
  width: 600px;
  height: auto;
}