*{
    font-family:Helvetica;
     font-size:2vw;  
}

html{
    height: 100%;
}

body{
background-image: linear-gradient( 90deg,rgb(254, 254, 254), rgb(124, 175, 222));
/*background-repeat: no-repeat;
background-size: cover;
background-position: center;*/
/*margin:1em;*/
min-height: 100%;
padding:0;
}

.bg{


  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

p{
    max-width: 100;
}

@media only screen and (max-width: 600px) {
  aside{
    float: left;
    align-items: center;
    text-align: center;
    width: 100%;
  }

  main {
  float: left;
  text-align:center;
  padding: 1em;
  padding-top: 2em;
  width: 100%;
}

section{
    float: right;
    width: 50%;
}

article{
    text-align: center;
    width: 45%;
}

ul{
    text-align: left;
}

img{
    size: 100%;
    width:50% ;
}

}

h1{
    color: #64a3e5;
}



.emoji{
    width:2vw;
     vertical-align: middle;
}
@media only screen and (min-width: 601px) {
main {
  float: left;
  padding: 1em;
  padding-top: 2em;
  width: 50%;
}

aside{
    float: right;
    width:45%;
}

img{
width: 20em;
}
}

@media only print{
main {
  float: left;
  padding: 1em;
  padding-top: 2em;
  width: 50%;
}

aside{
    float: right;
    width:45%;
}

img{
width: 20em;
}
}