div {
float: left;
clear: both;
}

img{
width: 100%;
height: 300px;
}

.menubutton:hover {
	font-size: 25px;
	transition: 0.5s ease-out;
	text-align: center;
	box-shadow: inset 200px 0 0 0 darkcyan;;
	animation-play-state: paused;
}


.menubutton {
  width: 60vmin;
  height: 50vmin;
  display: grid;
  place-content: center;
  color: white;
  text-shadow: 0 1px 0 #000;
  
  --border-angle: 0turn; // For animation.
  --main-bg: conic-gradient(
      from var(--border-angle),
      #213,
      #112 5%,
      #112 60%,
      #213 95%
    );
  
  border: solid 5px transparent;
  border-radius: 2em;
  --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);
  
  background: 
    // padding-box clip this background in to the overall element except the border.
    var(--main-bg) padding-box,
    // border-box extends this background to the border space
    var(--gradient-border) border-box, 
    // Duplicate main background to fill in behind the gradient border. You can remove this if you want the border to extend "outside" the box background.
    var(--main-bg) border-box;
  
  background-position: center center;

  animation: bg-spin 3s linear infinite;
  @keyframes bg-spin {
    to {
      --border-angle: 1turn;
    }
  }
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

#container {
background-color: grey;	
height: 1800px;
margin-bottom: 40px;
width: 80%;
margin-left: 10%;
float: left;
clear: both;
}

.sidebarofmenus {
width: 10%;
margin-top: 10px;
margin-left: 2%;
background-color: darkgray;
height: 640px;
clear: none;

}
.contentholder {
background-color: darkgray;
clear: none;
width: 78%;
margin-left: 0%;
height: 300px;
margin-top: 10px;
font-size: 29px;
}

.imgholder {
background-color: white;
clear: none;
width: 30%;
margin-left: 2%;
height: 300px;
margin-top: 20px;
}

.menubutton {
background-color: grey;
clear: none;
width: 80%;
margin-left: 5%;
height: 40px;
margin-top: 10px;
}

.ytlink {
background-color: grey;
clear: none;
width: 80%;
margin-left: 20%;
height: 40px;
margin-top: 10px;
font-size: 40;

}