body {
    background-color: black;
    font-family: 'Times New Roman';
    font-weight: 100;
}
.main {
  color:rgb(0, 255, 247);
  padding-left:230px;
  padding-right: 30px;
  top:0;
}
a {
    text-decoration: none;
}
a.button {
  padding: 1px 6px;
  border: 1px solid;
  color: white;
  background-color: black;
  text-decoration: none;
}
a.button:hover {
  color: black;
  background-color: white;
}
/* Style The Dropdown Button */
nav {
    background-color: rgb(246, 235, 253);
    width:200px;
    /*position:fixed;*/
    float:left;
}
.link{
  font-size:20px;
  padding-left:30px;
  color:rgb(255, 234, 0);
}
.dropbtn {
    background-color:rgb(246, 235, 253);
    color:rgb(48, 48, 48);
    padding: 16px;
    font-size: 25px;
    border: none;
    cursor: pointer;
    width:200px;
    height:100%;
    transition-duration: 0.5s;
    text-align: center;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    display: flex;
    width:200px;
    transition-duration: 0.5s;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    background-color: #f9f9f9;
    min-width:200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    transition-duration: 0.5s;
    position:absolute;
    left: 200px;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color:black;
    font-size: 25px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    transition-duration: 0.5s;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {
      background-color: rgb(220, 185, 240);
    }
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {
    color:rgb(48, 48, 48);
    width:200px;
    background-color: rgb(220, 185, 240);
  }

.logo{
  font-size: 50px;
  background-color: rgb(166, 75, 241);
  display:block;
  width:200px;
  text-align: center;
  padding-bottom:8px;
  color:rgb(49, 18, 90);
}

.footer {
    font-size: 30px;
    padding:16px;
    display: block;
    color:black;
    text-align: center;
}

.hidden{
  display: none;
}

h1 {
  font-size:50px;
  font-weight: 100;
}

h2 {
  font-weight: 100;
}

h3 {
  font-weight: 100;
}

ul{
  font-size:20px;
}

ul li{
  padding: 5px;
}

.highlight{
  color:rgb(57, 255, 186);
}

dl{font-size: 20px;}
dt{margin-top: 20px;}
dd{margin-top: 10px;}