@font-face {
   font-family: "brandfont";
   src: url("/assets/brandfont.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: block;
}
@font-face {
   font-family: "font-bold";
   src: url("/assets/font-bold.ttf") format("truetype");
   font-weight: 500;
   font-style: normal;
   font-display: block;
}
@font-face {
   font-family: "font-regular";
   src: url("/assets/font-light.ttf") format("truetype");
   font-weight: 300;
   font-style: normal;
   font-display: block;
}

* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   line-height: 1.2;
   transition: 0.2s ease-out;
}

::-webkit-scrollbar {
   width: 0.3em;
   background-color: none;
}
::-webkit-scrollbar-thumb {
   background: tomato;  
   border-radius: 1em;
}
::selection {
   background-color: #fff;
   color: #aaa;
}

body {
   width: 100vw;
   height: 100vh;
   overflow-x: hidden;
   background-color: #fff;
}

div,p,a,button {
   font-family: "font-regular", sans-serif;
}

a {
   color: inherit;   
   text-decoration: none; 
}

.use-displayfcc {
   display: flex;
   align-items: center;
   justify-content: center;
}
.use-userselectnone {
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
}