* { box-sizing: border-box; }

html, body {
  height: 100%;
  width: 100%;
}

svg{ filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); }


body{
   background-color:skyblue;
  margin: 0;
}
section{ 
       background-color: white; 
       width:100%;
       padding-bottom: 30px;
}
.cont{
       padding:10px 10px 0 10px;
       width:100%;
       margin: 0 auto;
       max-width:960px;
}
h1{
  font-size: 66px;
   font-family: 'NASA CONSOLE', serif;
   letter-spacing: 1px;
  text-align:center;
}
p{
  font-family: 'Varela Round', sans-serif;
  /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/
  text-align:center;
  font-size: 19px;
  letter-spacing: -1;
}

.gfx{
  margin-left:10%;
  width:80%;
}

.bodytext{ 
  text-align: justify;
  color:white; 
  padding: 1em;
}

a{ color: #03e; opacity:0.5; text-decoration: none; }
a:visited { color: #03e; opacity:0.5; }
.bodytext a{ color:#335; }

.myButton {
        box-shadow:inset 0px 1px 0px 0px #dcecfb;
        background:linear-gradient(to bottom, #bddbfa 5%, #6095fa 100%);
        background-color:#bddbfa;
        border-radius:19px;
        border:1px solid #84bbf3;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
  	font-family: 'Varela Round', sans-serif;
        font-size:16px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        text-shadow:0px 1px 0px #528ecc;
	margin-top:0;
}
.myButton:hover {
        background:linear-gradient(to bottom, skyblue 0%, skyblue 0%);
        background-color:skyblue;
}
.myButton:active {
        position:relative;
        top:1px;
}


@media (min-width: 700px){

  .bodytext{ column-count: 2; max-width: 960px; margin: 0 auto; width:100%;}
  
}