body {
  font-family: "MS UI Gothic", sans-serif, "TEQUILA","BlackBoard","IAmTheCrayonMaster";
  font-size: 13px;
  background-color: rgb(0, 0, 0);
  width: 80%;
  text-align: center;
  background-repeat: no-repeat;
  background-size:100%;
}


header {
  background-color: black;
  padding: 1px;
  height: 180px;
  text-align: center;
  color: white;
}

article {
border-style: none;

}
  a:link, a:visited {
  color: white;
  padding: 5px 1px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  color: rgb(136, 23, 23);
}


iframe{
  border-style: none;

}


.center {
  margin-left: 30%;
  margin-top: 0%;
  width: 60%;
  padding: 5px;
  border: 0px solid;
  border-color: white;
}
.blink{
  position:absolute;
  
  width:80px;
  height: 1000px;
  top: 100px;
  left : 1200px;
  z-index: 2;
}

/* Container for flexboxes */
section {
  display: -webkit-flex;
  display: flex;
  
}

/* Style the navigation menu */
nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: black;
  padding: 20px;
  width: 400px;
  margin: 0px;
  color: white;
  
  
}

nav ul {
  list-style-type: none;
  padding: 0;
 
}

/* Style the content */
article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: black;
  padding: 5px;
  color: white;
  border: 2px solid  #BA2CDC;
}
div.mycontainer {
  width:100%;
  overflow:auto;
  
  
}
div.mycontainer div {
  width:60%;  
  float:left;
  padding: 10px;
}

/* Style the footer */
footer {
  background-color: black;
  padding: 0px;
  text-align: left;
  color: white;
  height: 100%;
  width: 100%;
}

html {
  scrollbar-color: black red; 
  scrollbar-width: thin;
}