:root {
    --Border-Black: rgba(83, 83, 83, 0.8);
    --Border-Black-Light: rgba(83, 83, 83, 0.4);
    --Background-White: rgba(255, 255, 255, 1);
    --Background-Even: rgb(245, 245, 245);
    --Background-Menu: rgba(38, 58, 105, 1);
    --Popout-Menu: rgb(37, 44, 58);
    --Elite-Blue: rgba(0, 85, 174, 1);
    --NSF-Blue: rgba(16, 16, 114, 1)
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--NSF-Blue);
}

*::-webkit-scrollbar {
    width: 8px;               /* width of the entire scrollbar */
    height: 13px;
    /* padding-top: 2px; */
  }
  
  *::-webkit-scrollbar-track {
    background: var(--Background-Menu);        /* color of the tracking area */
}
  
  *::-webkit-scrollbar-thumb {
    background-color: rgb(116, 116, 116);    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 1px solid rgb(125, 125, 125);  /* creates padding around scroll thumb */
    /* height: 10%; */
  }
  

body {

background-color: transparent;

font-family: "Open Sans";

/* overflow: visible; */

overflow: hidden;

user-select: none;
}

body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.root-app{
    display: block;
    height: 100%;
    width: 100%;
}