/* global style */
body {
    margin: auto;
    height: 100vh;
    width: 100vw; 
    align-items: center;
    flex-direction: column;
    display: flex;
    justify-content: center;
    font-family: 'customtitle'; 
    background-color: #16161a;    
  }
  @font-face {
    font-family: customtitle;
    src: url(OfficeCodePro-Light.otf);
 }

 @font-face {
  font-family: CooperHewittB;
  src: url(Ducados.otf);
}
@font-face {
  font-family: CooperHewittM;
  src: url(CooperHewitt-Medium.otf);
}
 .welcome
 {
  height: 100vh;
  width: 100vw;
  position: absolute;
  background: #242629;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  letter-spacing: 2px;
  color: #fffffe;
 }
 .heading
 {
  font-family: 'CooperHewittB'; 
  font-size: 90px;
  margin-bottom: 0px;
  opacity: 0;

 }
P
{
  max-width: 500px;
  font-family: 'customtitle'; 
  line-height: 25px;
  text-align: justify;
  opacity: 0;
  color: #585858;
}
 .sub_heading{
  font-family: 'CooperHewittM'; 
  font-size: 20px;
  margin-bottom: 40px;
  font-weight: 100;
  color: #94a1b2;

  opacity: 0;

 }
 .loader_wrapper{
  height: 5px;
  width: 150px;
  background-color: #16161a;
  border-radius: 100px;
  opacity: 0;
 }
 .loader{
  height: 5px;
  width: 150px;
  background-color:white;
  border-radius: 100px;
  opacity: 0;

 }
 .bred{
  font-family: 'CooperHewittB'; 
  font-size: 90px;
  margin-bottom: 0px;
  opacity: 0;
  color: #72757e;
  align-items: center;
  flex-direction: column;
  display: flex;
  line-height: 25px;
  text-align: justify;
 }