body{
  
  
  font-family:comic sans ms;
  }
  
  .smalltext{
font-size:12px;
}

.poemtext{
font-size:12px;
font-family: fantasy;
}

  .sidebar{
position:fixed;
left:430px;
top:0;
width:180px;
height:100%;
background:#4f92ab;
padding:15px;
border-right:3px solid darkgreen;
border-left:3px solid darkgreen;
border-top:3px solid darkgreen;
border-bottom:3px solid darkgreen;
}

  .sidebar a{
display:block;
margin-bottom:8px;
color:black;
text-decoration:none;
}


  .container {
  width: 100%;
}


@media (min-width: 414px) {
  .container {
    width: 75%;
  }
}


@media (min-width: 1200px) {
  .container {
    width: 60%;
  }
}



@keyframes cursor-anim {
  0.00% { cursor: url("cursor/Cursor1.png") 0 0, auto; }
  50.00% { cursor: url("cursor/Cursor2.png") 0 0, auto; }
}
html { animation: cursor-anim 600ms step-end infinite; }



@media (max-width:414px){

  .sidebar{
    position:relative;
    left:0;
    width:414px;
    height:auto;
    font-size:12px;
    padding:8px;
  }

}