/* GENERAL */
html { 
  /* background: url('/static/img/leaves.jpg') }}') no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Amatic SC', regular;
}

 /* theme color */
:root {
  --theme-color: #6d9d2f;
}

.page-content {
  padding:20px;
  width:70%;
  margin:0 auto;
 }

 h1, h2, h3, h4 {
  text-align:center;
  color:var(--theme-color);
 }

 h1 {
  font-size:45px;
 }

 h2 {
  font-size:35px;
 }

 p, .link-row {
  font-size:25px;
  text-align:center;
 }

 .link-row a {
  text-decoration: none; 
  border: none;
  color:var(--theme-color);
}

.link-row {
  padding:20px;
  font-size:40px;
}

.link-row-element {
  padding-left: 20px;
  padding-right: 20px;
}

.platform-row {
  text-align:center;
  font-size:40px;
}

#heart-symbol {
  color:red;
}

/* HEADER */

.header {
  padding-top:10px;
}

.header-element {
  margin-left:30px;
  margin-right:30px;
}

.header-element:hover {
  cursor:pointer;
}

/* VIDEO */

.video {
  text-align:center;
  width:70%;
  margin:0 auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* FOOTER */
.footer {
  font-family: 'Times New Roman', regular;
  background-color:var(--theme-color);
  width:100%;
  margin: 0;
  padding: 0;
}

.footer p {
  padding:15px;
  font-size:15;
  color:white;
}

.footer a {
  text-decoration: underline;
  color:white;
}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .link-row {
    font-size:25px;
  }
  .video, .page-content {
    width:80%;
  }

  h1, h2 {
    font-size:30px;
  }
}

@media only screen and (max-width: 500px) {
  /* For mobile phones: */
  .link-row {
    font-size:25px;
  }
  .video, .page-content {
    width:90%;
  }

  h1, h2 {
    font-size:25px;
  }
}