@charset "utf-8";
/* CSS Document */

body {
  height: 100%;
  background-image: linear-gradient(to bottom right, #ffd89b, #19547b); /* Dusk */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
  font-family: 'abelregular';
  font-size:22px;
  color: #243b55;
}

h1, h2, h3{
  text-align: left;
  color: #004e92;
}

.div-container {
  background-image: linear-gradient(to right, #4ca1af, #c4e0e5); /* Decent */
  width:80%;
  text-align:justify;
  border:20px solid rgba(255,255,255,.3);
  padding:20px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

@media screen and (max-width: 500px) {
.div-container {
  background-image: linear-gradient(to right, #4ca1af, #c4e0e5); /* Decent */
  width:92%;
  text-align:justify;
  border:10px solid rgba(255,255,255,.2);
  padding:12px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  }
  
body {
  font-size:18px;
}
}