@charset "UTF-8";
/*to beginn i want to say that i hate comments in css, just add double slashes already!  //  */

:root {
    --default-light-color: #ffffff;
    --default-dark-color: #000000;
    --default-body-color: #ebebeb;
    --default-bg-color: #ffffff;
    --primary-color: #AD1F35;
    --secondary-color: #dddddd;
    --tertiary-color: #b9b9b9;
    --default-yellow: #d4ad00;
    --default-blue: #1f68bb;
    --default-green: #008000;
    --default-red: #d60000;
}

html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

a {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-decoration: none;
    cursor: pointer;
}

a:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    background-color: #f4f4f4;
    color: #000000;
    border-radius: 4px;
}

p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--default-dark-color);
}

body {
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
    /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
    font-family: 'Gidole', Helvetiva, Arial;
    font-size: 1.25rem;
    width: 100%;
    height: 100%;
    color: #202020;
    background-color: var(--default-body-color);
}
h1 {/*used for main header on each page*/
    font-size: 3.5rem;
    font-weight: 400;
    color: var(--primary-color);
    line-height: 50px;
}

h2 {/*used for section headers (light header txt with primary background clr)*/
    font-size: 2.5rem;
    font-weight: 400;
    color: var(--default-light-color);
    text-wrap: nowrap;
}

h3 {
    font-size: 2.5rem;
    font-weight: 400;
    color: var(--primary-color);
    line-height: 50px;
}

h4 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--primary-color);
  line-height: 50px;
}

h5 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--primary-color);
}

strong, b {
    font-family: Arial, sans-serif;
    font-weight: 600;
    line-height: 40px;
    color: var(--default-dark-color);
}

main {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 1450px;;
    margin: 0 auto 50px auto;
}

section {/*oh boy, this is shit! But it works :)*/
    -webkit-box-shadow: 20px 0px 0px 0px var(--default-light-color), -20px 0px 0px 0px var(--default-light-color); 
    box-shadow: 20px 0px 0px 0px var(--default-light-color), -20px 0px 0px 0px var(--default-light-color);
}