@font-face {
    font-family: "Montserrat-Regular";
    src: url("../css/Montserrat-Regular.ttf");
  }

*, *::before, *::after {
font-family: "Montserrat-Regular";
font-weight: 900;
font-size: 16px;
}
html{
overflow: hidden;
overflow-y: auto;
}

body {
font-family:"Montserrat-Regular";
font-size: 16px;
overflow-x:hidden ;
}
.hidden-loading{
display: none;
}
.loadingss{
 width: 100vw;
 height: 100vh;
 position: fixed;
 transform: display 0.3s linear;
 z-index: 10000000;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 overflow: hidden;
 background-image: linear-gradient(to top,rgba(177, 176, 255, 0.137),rgba(232, 234, 255, 0.24));
}

.spin{
 animation: loading 3.5s cubic-bezier(0.075, 0.62, 0.665, 1) infinite;
 position:absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 50px;
 height: 50px;
 border-radius: 50%;
 display: block;
 filter:contrast(2);
 transform-origin:left top;
 background-color: rgba(49, 49, 139, 0.767);
 box-shadow: 0 0 2px 3px rgb(7, 7, 231);
}
.spin:nth-of-type(1){
 animation-delay: -0.5s;
}
.spin:nth-of-type(2){
 animation-delay: -1s;
}
.spin:nth-of-type(3){
 animation-delay: -1.5s;
}
.spin:nth-of-type(4){
 animation-delay: -2s;
}
.spin:nth-of-type(5){
 animation-delay: -2.5s;
}
.spin:nth-of-type(6){
 animation-delay: -3s;
}
.spin:nth-of-type(7){
 animation-delay: -3.5s;
}

@keyframes loading {
 0%{
transform: rotate(0deg) scale(0.8) translateY(10px);
 }
 100%{
     transform: rotate(360deg) scale(1.2);
 }
}