body{
  
  
  font-family:comic sans ms;
  }


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

.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%;
  }
}

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



@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;
  }

}