menubar.css

body {margin:0;}
		.main-container {opacity:0;transition:opacity 300ms ease-in;display:none;position:absolute;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.6);display:block;}
		.show {opacity:1;display:block;transition:opacity 300ms ease-in;}

		.circle-menubar-button {z-index:1;background-color:red;color:white;font-weight:bold;position:absolute;right:2%;bottom:4%;border-radius:50%;height:60px;width:60px;}
		#menubar-button  {position:absolute;left:30%;top:20%;font-size:2em;}
		
		.element-container-sub {margin-top:10%;display:none;}
		.element-container-pc {width:90%;margin:0 auto;margin-top:15%;display:flex;}
		.main-element-pc {width:25%;margin:1%;text-align:center;padding-top:2%;padding-bottom:1%;border-radius:30px 0 30px 0;}
		#main-element-title-pc {color:white;font-family:'roboto';}
		#main-element-icon {color:white;font-size:6em;display:block;}

		@media screen and (max-width:1300px) {
			.main-element-pc {width:90%;margin:0 auto;margin-bottom:5%;border-radius:60px 0 60px 0;font-size:3em;}
			.element-container-pc {display:block;margin-top:5%;}
			
			.main-container {overflow:scroll;}
			.circle-menubar-button {height:150px;width:150px;right:3%;bottom:2%;}
			#menubar-button {font-size:5em;}
		}