a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
a { color: white; }       
a:visited { color:white; } 
a:hover { color: rgb(255, 0, 0);}

body{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 500px;
}

body{
  background: red;
}


#title{
  text-align: center;
  font-size: 10em;
  margin-bottom: 10px;
}

.name {
  font-family: Verdana, sans-serif;
  margin-bottom: 4px;   
}

.tagline {
  font-family: Verdana, sans-serif;
  margin-top: 0;
  font-weight: normal;       
  font-size: 15px;
}

.navbar {
  width: 95%;
  border: 1pt solid black;
  font-family: JetBrains Mono, monospace;
  font-weight: bold;
  background-color: white;
}

.navbar a {
  padding: 0px 15px;
  display: inline-block;
  color: black;
  text-decoration: none;
  text-align: center;
  font-size: large;
}

.navbar a:hover {
  background-color:chartreuse;
}

.layout {
  display: flex;
}

.content {
  width: 66%;
  padding-left: 20px;
}

.sidebar {
  width: 34%;
}

.sidebar {
  padding-left: 0%;
  padding-right: 20px;
  text-align: right;
}

.sidebar img {
  display: block;
  margin-left: auto;
}

.personal_container{
  background-color: blue;
  padding: 10px;
  height: 1000px;
  color: white;
  border: 1pt solid white;
}

.personal_aside{
  background-color: white;
  height: 1000px;
  padding:10px;
  border: 1pt solid black;
}