*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Fredoka', sans-serif;  
}

:root {
--blue: #6495ed;
--white: white;
--black: black;
--lightblack: rgba(0, 0, 0, 0.60);
--verylightblack: rgba(0, 0, 0, 0.25);
--blackblue: #0c1018;
--darkgreen: #024539;
--lightmilk: #f9f8f8;
--lightblue: #0181fe;
--lighterblue: #017ffe56;
--greenblue: #008577;
--greenbluel:rgba(0, 133, 120, 0.445);
--logored: RGB(229,28,36);
--logopink: RGB(244,194,197);
--lightred: #ec003f;
--verylightpink: rgb(253, 205, 207);
--preloader: RGB(223,223,223);
}


#preloader{
width: 100%;
height: 100vh;
position: fixed;
z-index: 100;
background: var(--black) url(preloader.gif) no-repeat center center;
background-size: 20%;
filter: saturate(15) hue-rotate(350deg) contrast(125%) brightness(75%);
}