/* COLOR PALETTE: */

/*

White: #FFFFFF
Gray:  #F2F2F2
Green: #7CDE7C

*/
*{   font: Helvetica, Arial, sans-serif;}
title {
  color: #FFFFFF;
  letter-spacing: 7px;
  text-align: center;
  font-size: 40px;
}

h1 {
  letter-spacing: 2px;
  text-align: center;
  font-size: 60px;
  color: #FFFFFF;

}
h2 {
  letter-spacing: 2px;
  text-align: center;
  font-size: 50px;
  color: #FFFFFF;

}

a {
  font-family: Georgia, serif;
  font-size: 40px;
  color: #000000;

}
li {
  font-family: Georgia, serif;
  font-size: 40px;
  color: #FFFFFF;
}
p {
  font-family: Georgia, serif;
  font-size: 40px;
  color: #FFFFFF;

}
.btn{
    font-size: 40px;

}
body {
  padding-top:1%;
   background-image: url("images/1467061.png");
      background-repeat: no-repeat;
      background-size: cover;
          background-color: #000000;

}
 .content{
    background-color: #0D1117;

  margin: auto;
  padding: 50px;
  width: 90%;
  
  
}
iframe{
  padding-top:1%;}
header {
  padding-bottom:1%;
  background-color: #FFDC00;
  width: 80%;
  /* don't forget about hexcolors*/
}
/* From W3Schools */

/* Create two equal columns that floats next to each other */
.column {
  float: center;
  width: 50%;
  padding: 10px;
  height: 50%; /* Should be removed. Only for demonstration */
}

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

*{  border-radius: 25px;}