:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    font-family: "Inter" ,Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 78px;
    font-weight: 600;
    letter-spacing: -5px;
}

h2 {
    letter-spacing: -5px;
    font-size: 64px;
    font-weight: 600;
}

p,li, a {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -1px;
}

strong {
    font-weight: 700;
}

hr {
    height: 5px;
    width: 100%;
    height: 5px;
    border: 0;
    z-index: 1000; 
}

.color1 {
    background: linear-gradient(to right, #c6f5c6, #a98ef5);
}

.color2{
    background: linear-gradient(to right, #ff351b, #f5dd8e);
}

.color3{
    background: linear-gradient(to right, #40ff70, #8ef2f5);
}

.color4{
    background: linear-gradient(to right, #4073ff, #af26ff);
}

.color5{
    background: linear-gradient(to right, #8340ff, #ff2643);
}

.color6{
    background: linear-gradient(to right, #ff4040, #fff34e);
}

.footer {
    padding: 50px 0;
    background: linear-gradient(to right, #ff4040, #ff4eb5);
}

img {
    width: 100%;
    height: auto;
}