@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index:-1;
  background: inherit;
}

body { 
  min-height: 100vh;
  background: #171717;
  overflow-x: hidden;
}
h1 {
  text-align: center;
  top: 100px;
  font-family: 'Poppins';
  font-size: 100px;
  color: #aba0a0;
}
#ccontainer {
  float:left;
  width:33%;
  position: fixed;
  margin-left:-5%;
  height:100%
}
h2 {
  text-align:center;
  font-family: 'Poppins';
  font-size:50px;
  color:#aba0a0;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #777777;
}
::-webkit-scrollbar-thumb {
  background: #444444;
  border-radius:2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius:2px;
}
h3 {
  text-align:center;
  font-family: 'Poppins';
  font-size:24px;
  color:#aba0a0;
}
#ocontainer {
  float:right;
  margin-left:70%;
  width:33%;
  position:fixed;
  height:100%
}
#bcontainer {
  margin:auto;
  width:33%;
  position:fixed;
  z-index:100;
  margin-left:32%;
  height:100%
}
.clinks {
  color:#aba0a0;
  text-decoration:underline;
}
.clinks:hover {
  color:#aba0c0;
}
.navbar {
  background-color:#212121;
  width:80%;
  height:60px;
  margin:auto;
  align-items:center;
  justify-content:center;
  display:flex;
  border-radius: 10px;
}
.nav-option {
  vertical-align:middle;
  float:left;
  font-size:20px;
  font-family:'Poppins';
  text-decoration: none;
  color: white;
  margin-right:50px;
}
i{
  margin-right:5px;
}