/* colour variables */
:root {
    --red:#9b353c;
    --blue:rgb(53, 111, 155);
    --green: #359B61;
    --backgroud-light-gray:#fafafa;
}

* {

    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}


html{
    padding: 0;
    margin: 0;
}
body{
    padding: 0;
    margin: 0;
    background-color: white;
    margin: 0 auto;
    max-width: 1500px;
}
     a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }
 .font {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.fontNormal {
   font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
a {
    cursor: pointer;
}

.padding{
    padding: .5em;
}
main{
     padding: 0;
    margin: 0;
}
.flex{
    display: flex;
}

.flex-row{
    flex-direction: row;
}
.flex-column{
    flex-direction: column;
}

.title{
    font-size: 1.5em;
}