body{
    margin:0;
    overflow: hidden;
}


.sketch1{
  padding:15px;
  text-align: center;
  justify-content: center;
  left:25%;
  height:15%;
  width:80%;
  /* background-color: blueviolet; */
  border:4px solid;
  border-color: rgb(255, 255, 255);
  z-index: 3;
  margin-top: 10px;
  margin-left: 10px;
  box-shadow: 10px 5px 5px black;
}


.togglebutton{
    position: absolute;
    top:3%;
    left:3%;
  }


  #menuslider {
    Position:absolute;
    display: flex;
    flex-direction: column;
    top:0;
    right:-200px;
    width:200px;
    height:100vh;
    background-color: grey;
    border-left:2px solid;
    transition: 1s;
    z-index: 2;
    
}
#menuslider.activated{
    right:0;
}