a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
a { color:white; }       
a:visited { color: white; } 
a:hover { color: red;}

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


.navbar{
  background-color: white;
}


#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;
}

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

.navbar a:hover {
  background-color:rgb(0,200, 250);
}

.layout {
  display: flex;
}

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

.sidebar {
  width: 34%;
}

.sidebar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  padding-right: 20px;
}

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


.row {
  display: flex;
  justify-content: flex-end; 
  gap: 10px;
}

.column {
  width: 40%;
}

.container{
  background-color: grey;
  padding: 10px;
  height: 2000px;
  color: white;
  border: 2pt solid black;
}