/* Default DevCorner Style Setting */

:root{
  --dc-: #28a745;
}

body{
  background: url(../img/img_10.jpeg) no-repeat 50% 50%;
  background-size: cover;
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-family: Roboto;
}

.loading-page{
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100vh;
}

.loading-page .counter h3{
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 3em;
}

.loading-page .counter h1{
  position: fixed;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #28a745;
  font-size: 4em;
  font-weight: bold;
  margin-top: -10px;
}

h1::before{
  content: "loading ";
  color: #ccc;
}

h1::after{
  content: "%";
}

/* .loading-page .counter span{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: grey;
  font-size: 260px;
  font-weight: bold;
  margin-top: -10px;
} */