/*Everything*/
body {
  font-family: 'Comfortaa'; font-size: 15px;
  background-color: #0A001F; color: #7D7DA8;
  padding: 0; margin: 0;

  text-align: center;
}

* {
  box-sizing: border-box;
}

/*Colors*/

/*#6464FF darkpurple*/
/*#8282FF lightpurple*/
/*#7D7DA8 graypurple*/

/*#6699FF lightblue*/
/*#212529 fontgray*/

/*Containers*/
div.container {
  margin: auto;
  padding: 80px 0 0 0;
}

div.column {
  float: left;
  width: 33.33%;
  padding: 10px 0 0 0; /*20px*/
}

div.todo {
  float: left;
  width: 50%;
  padding: 10px 0 0 0; /*20px*/
}

/* Clear floats after the columns */
div.row:after {
  content: "";
  display: table;
  clear: both;
}

/*Headings*/
h1 {
  color: #6464FF;
  text-align: center;
  margin-top: 20px;
}

h2 {
  color: #8282FF;
}

/*Links*/
a:link, a:visited, a:hover, a:active {
  color: #7D7DA8;
  text-decoration: none;
  outline: none;
}