body,html{height:100%}body{margin:0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f5f5;--color-primary:#f5f5f5;--color-secondary:#143f08;overflow-x:hidden}.root{display:flex;flex-direction:column;min-height:100vh}a{color:#8fbc8f;text-decoration:none}a:focus,a:hover{color:#adff2f;text-decoration:underline}.navbar{display:flex;justify-content:space-around;align-items:center;background:#0000;padding:10px 0;top:0;left:0;right:0;z-index:1000;width:80vw;margin:0 auto;transition:opacity .5s ease-in-out}.navbar ul{list-style:none;padding:0;margin:0;display:flex;width:100%;justify-content:space-evenly}.navbar li{border:none}.navbar a{display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;transition:color .3s;position:relative;overflow:hidden}.navbar a:hover{color:#fff}.fade-out{opacity:0;pointer-events:none}.fade-in{opacity:1;pointer-events:auto}