* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

 scrollbar-color: transparent transparent; /* thumb and track color */
  scrollbar-width: 0px;
}

html {

height: 100%;
overflow-y: hidden;
cursor: url('./mats-cursor.cur');
}

body {
margin: 0 0;
height: 100%;
background-color: transparent;
background-size: contain;
backdrop-filter: blur(20px);
color: dimgray;
font-family: "Work Sans", sans-serif;
font-weight: 400;
font-style: normal;
text-align: left;
cursor: url('./mats-cursor.cur'), auto;
}

@font-face {
    font-family: "Neutronica";
    src: 
      url("./Neutronica/NEG_____.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    

}

@keyframes float {
            0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-20px);
            }

            100% {
                transform: translateY(0);
            }
        }

@keyframes little {
  50% {font-size: 18px;}
  100% {font-size: 16px;}
}

@keyframes slide {


0% {opacity: 100%; transform: translateX(0%);}
100% {filter: brightness(300%) grayscale(100%);}
100% {filter: brightness(250%); opacity: 100%; transform: translateX(0%);}

}

@keyframes fadein {

0% {opacity: 0%;}
100% {opacity: 100%;}


}
@keyframes slideOutLeft {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}



nav a {

color: dimgray;
background-color: lavender;
}

.tamanotchi {

position: absolute;
top: 25%;
right: 9%;


}



.bottombar {
display: block;
padding: 11px;
position: fixed;
width: 100vw;
height: 5%;
bottom: 0%;
left: 0%;
border-top: 0.1px solid mistyrose;
outline: 0.5px solid black;
color: #190019;
z-index: 2;
text-align: left;
background-image: linear-gradient(whitesmoke, rgba(200, 200, 200, 1));
box-shadow: 0px 0px 30px inset white;

}



.turn {
animation-name: little;
animation-duration: 1.1s;
animation-iteration-count: infinite;
animation-delay: 1.5s;
display: inline;
position: absolute;
top: 3px;
}




/*

colors 

cool lilacs: 
rgb(223, 212, 240);
rgb(199,177,196);

from Anastasia: 

warm dark purple: 
#42203D;

middle purple:
#834b7c;

deep dark purple:
#190019

deep pink:
#c61459;

lilac:
#c4a7be

cream: 
#fef8f4

filter: url("#purplefilter");

background-image: radial-gradient(ghostwhite, lavenderblush);

background-image: url('./mats-assets/lilac3.png');
background-image: linear-gradient(lavender, rgba(220, 220, 220, 0.5), white);
*/