:root{
  --bg-color:#15156E;
  --border-color:#800033;
  --subtitle-color:#35a363;
  --link-color:#ff6666;
}

html, body {
  margin:100;
  padding:0;
  background-color:#131365;
  background-attachment:fixed;
  text-color:#ffffff;
}

body a {
  color:var(--link-color);
}

#sidebar {
  background-color:var(--bg-color);
  max-width:250px;
  width:200px;
  height:100vh;
  border:5px solid var(--border-color);
  position:fixed;
}

#navbar {
  border-style: groove;
  border-width: 5px;
  border-color: #9999FF;
  background-color: #000000;
  font-size: 30px;
  padding: 10px;
  color: white;
  margin-left: 200px;
  margin-right: 200px;
}

#article {
  background-color:var(--bg-color);
  border:5px solid var(--border-color);
  padding: 10px;
  margin-top:20px;
  max-width:370px;
  margin-left:250px;
  margin-right:10px;
}
  
  #videoarticle {
   background-color:var(--bg-color);
  border:5px solid var(--border-color);
  padding: 10px;
  margin-top:20px;
  margin-left:150px;
  margin-right:150px;