@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body {
  font-family: 'Roboto', sans-serif;
}
main{
    font-family: "Oswald", sans-serif;
    min-height: 100vh;
    background: #fdd160;
    display: flex;
    align-items: center;
    justify-content: center;
width: 85vw !important;

}

.btn-primary-color{
    background-color: #ae3536;
    color: #fff;
}

.card{
  max-width: 1300px !important;
  margin-bottom: 2rem !important;
}


.preloader {
  position: absolute;
  left: 49.5%;
  top: 46%;
}

    .preloader-body {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: white;
  top: 0;
}
.box{
  position: absolute;
  top: 50%;  left: 50%;

  animation: animateBox 10s infinite linear;
}

@keyframes animateBox{
0% { transform: rotate(0deg);}
25% { transform: rotate(180deg);}
50% { transform: rotate(180deg);}
75% { transform: rotate(360deg);}
100% { transform: rotate(360deg);}
}