valencia12

:root {
    --primary: #36393f;
    --secondary: mediumseagreen;
    --tertiary: rgb(32,34,37);
    --quaternary: #292b2f;
    --quinary: #393d42;
    --danger: #ff0000;
    --danger-hover: #960000;
    --warning: #ff9f00;
    --warning-hover: #b46f00;

valencia12

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

valencia12

import React, { CSSProperties } from 'react';

const style: CSSProperties = {
    backgroundColor: 'var(--secondary)',
    height: 50,
    width: '100%',
    display: 'flex',
    position: 'fixed',
    justifyContent: 'flex-end',
    alignItems: 'center',

valencia12

import React, { CSSProperties } from 'react';

const style: CSSProperties = {
    backgroundColor: 'var(--secondary)',
    height: 50,
    width: '100%',
    display: 'flex',
    position: 'sticky',
    top: 0,
    left: 0,