@font-face {font-family: 'Anton';src: url(../fonts/Anton-Regular.ttf);}
@font-face {font-family: 'Roboto';src: url(../fonts/Roboto.ttf);}
@font-face {font-family: 'Modak';src: url(../fonts/Modak.ttf);}

* {margin: 0;padding: 0;box-sizing: border-box;}
body {background-color: rgb(26, 26, 26);display: flex;justify-content: center;}
.loader {position: fixed;width: 100vw;height: 100vh;background-color:  rgb(26, 26, 26);z-index: 140;transition: all 0.5s ease;}
.spinner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 40px;height: 40px;border: 6px solid #fff;animation: animate 1.5s infinite linear;border-radius: 50%;border-top: 6px solid #f876ba;border-bottom: 6px solid #f876ba;}
canvas    {width: 100vw;height: 100vh;}

@keyframes animate{
0%                        {transform: translate(-50%,-50%) rotate(0deg);}
100%                      {transform: translate(-50%,-50%) rotate(360deg);}
}