html, body{
  font:15px/1.1em arial, sans-serif;
  background: linear-gradient(light#9833fb, whitesmoke, #9833fb, white);
  padding: 1vw; 
  overflow-x: hidden;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
body{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: space-around;
}
.text{
  display: flex;
  justify-content:flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  width: 66vw;
}
.calendar{
  width:30vw;
}
.ref{
    width:35vw;
  
}

h1, h2, h3, h4{
  font-family: 'Living-Uncut-Sans-Semi-Bold';
   background-color: #3fc0e3; 
   font-size: 2em;
}

h1,input{
  background-color: #3fc0e3; 
  text-align: left;
  width: fit-content;
   -webkit-animation: 15s ease-in 1s infinite  move-back;
  animation: 15s ease-in 1s infinite move-back;
  color: #9833fb;
}
p{
   padding:.5vw ;
   width:30vw;
}
ol, ul{
  padding:.1vw;
  width: 100%;
}
ul li:nth-last-of-type(1){
    color: #9833fb;
    border-bottom: 1px solid ; 
}
ul li p{
   background-color: #9833fb;
   color: white;
}

strong{
  font-family: 'Living-Uncut-Sans-Regular';
  line-height: normal;
  font-size: .95em;
 
}
.img{
  position: fixed;
  z-index: 0;
  right: 1vw; 
  bottom: 1vh;
  width: 35vw; 
}
input[type="button"]{ 
  cursor:cell;
  z-index: 1;
}
a{
  color: #9833fb
}

@-webkit-keyframes move-back{
 5% {
  transform: translate(-3px, 3px);
  background: linear-gradient(lightgrey, whitesmoke, #9833fb, white);
    
  }
25% {
    background: linear-gradient(#9833fb, white, #3fc0e3, white);
  }
  50% {
    background: linear-gradient(#9833fb, whitesmoke, #3fc0e3, lightgrey);
  }
  75% {
    background: linear-gradient(lightgrey, whitesmoke, #9833fb, white);
}
}
@keyframes move-back {
   5% {
    transform: translate(-3px, 3px);
    background: linear-gradient(lightgrey, whitesmoke, #9833fb, white);
  
  }
25% {
    background: linear-gradient(light#9833fb, white, #3fc0e3, white);
  }
  50% {
    background: linear-gradient(#9833fb, whitesmoke, #3fc0e3, lightgrey);
  }
  75% {
    background: linear-gradient(lightgrey, whitesmoke, #9833fb, white);
}
}
@media print{
  body{
    display: block;
  
  }
  input,iframe, .ref{
    display: none;

  }
 .calendar, .text, p{
  width:73vw; 
}
h1{
  padding-bottom: 1vw;
    padding-top: 1vw;
}
.img{
  width: 25vw;
  top:-2vh;
}


}