@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
 body {
     background-color: #7289da;
     color: white;
     font-family: 'Montserrat', sans-serif;
     text-align: center;
}
 .main-content {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
}
 .logo {
     height: 500px;
     width: 500px;
}
 .lds-ring {
     display: inline-block;
     position: relative;
     width: 80px;
     height: 80px;
}
 .lds-ring div {
     box-sizing: border-box;
     display: block;
     position: absolute;
     width: 64px;
     height: 64px;
     margin: 8px;
     border: 8px solid #fff;
     border-radius: 50%;
     animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     border-color: #fff transparent transparent transparent;
}
 .lds-ring div:nth-child(1) {
     animation-delay: -0.45s;
}
 .lds-ring div:nth-child(2) {
     animation-delay: -0.3s;
}
 .lds-ring div:nth-child(3) {
     animation-delay: -0.15s;
}
 @keyframes lds-ring {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}

h1 {
    margin-top: 33px;
}

::selection {
  color: #7289da;
  background-color: white;
}