html {
  font-size: 1.3em;
}

body {
  background-color: #EBEBEB;
  color: #2A2A2A;
  margin: 0% auto;
  width: 60%;
  display: flex;
}

#title {
    cursor: default;
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center;
}

#name, #about {
    cursor: default;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
    
#about {
  margin-left: 10px;
  font-size: 1em;
  color: #5F5F5F;
}

#root {
  flex: 3;
  padding: 10px;
}


#icon {
  width: 50px;
  height: auto;
}

a {
  color: #233285;
}

.hide {
  display: none;
  color: #233285;
  cursor: default;
}

.hoverme {
  display: inline;
}

summary:hover {
  cursor: pointer;
  color: #5F5F5F;
}

details[open] summary {
  cursor: pointer;
  color: #2A2A2A;
}

summary {
  color: #5F5F5F;
}

.hoverme {
  cursor: default;
}


.hoverme:hover + .hide {
  display: inline-block;
}