:root {
  --link: #000;
  --link-border: #BBE7FE;
  --color: #464646;
  --title: #ae9eb8;
}

body {
  background: #fff;
  padding-bottom: 2rem;
  color : 	var(--color);

  font-family: 'Raleway', sans-serif;
  font-size: 17px; 
  font-weight: 500; 
  line-height: 30px; 
 
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-x: hidden;
}

a:not(.btn):not(.img-link) {
  text-decoration: none;
  color: var(--link);
  border-bottom: 2px solid var(--link-border);
}

a:not(.btn):not(.img-link):hover {
  background-color: var(--link-border);
  transition: all .3s ease-in-out;
}

a.img-link{
  color: var(--title);
}

h1{
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: var(--title);
  font-family: 'Permanent Marker', cursive;
}

h2{
  font-family: 'Permanent Marker', cursive;
  color: var(--title);
}

.btn2{
margin-right: 1em;
}

.float-left{
  clear: left;
}

.section-padding {
  padding: 1rem 0;
}

.container {
  max-width: 60em;
  margin: auto;
}


.column {
  float: left;
  width: 50%;
  padding-bottom: 2rem;
  box-sizing: border-box;
}


.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 800px) {
  .column {
    width: 100%;
  }
}