* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}



:root {
    --main: #1BB3B5;
    --light: #EDEDEE;
    --white: #FFFFFF;
    --dark-grey: #3A3A3C;
    --light-grey: #7F7F7F;
    --text-light: 300;
    --text-medium: 500;
    --text-heavy: 800;

    --font-heading: 28px;
    --font-subheading: 19px;
    --font-tiny: 10px;
    --font-xss: 12px;
    --font-xs: 14px;
    --font-ss: 16px;
    --font-s: 18px;
    --font-m: 22px;
    --font-l: 30px;
    --font-xl: 45px;
    --font-xxl: 60px;

    --side-padding: 0px 25px;
}

html {
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
}

body {
    background-color: var(--light);
}

a {
    text-decoration: none;
}

.nav-icon a:active {
    color: yellow;
  }

.accent {
    color: var(--main);
}