body {
  margin: 0;
  padding: 0;
  font-family: "Courier New", Courier, monospace;
  background-color: #eeeeee;
}

a {
  text-decoration: none;
}

div.menu>a {
  text-decoration: none;
}

.menu {
  display: flex;
  justify-content: space-around;
  /* width:auto; */
  width: 40%;
  margin: auto;
  padding: 5px;
  border: 2px solid black;
  border-top: 0px;
}

.Main {
  width: 40%;
  margin: auto;
  /* border: 2px solid black;
            border-bottom: 0px; */
}

.header {
  font-size: 25px;
}

.desc {
  margin-left: 40px;
  /* text-align: left; */
  margin-bottom: 30px;
}

.projects {
  margin-left: 40px;
}

li {
  list-style-type: square;
  margin-bottom: 4px;
}

/*      
        #info{
            margin-left: 20px;
        } */
a:hover {
  background-color: black;
  color: white !important;
}

a {
  color: black;
}

a:visited {
  color: black;
}

.live {
  color: rgb(116, 172, 34) !important;
}

.lang {
  float: right;
  /* padding-left: 10px; */
}

#rip:hover {
  background-color: black;
  color: white !important;
}

summary {
    text-align: left;
}

.pdesc {
    padding-left: 19px;
}

@media (prefers-color-scheme: dark) {
  body {
    color: #eee;
    background-color: #121212;
  }

  a {
    color: #eee;
  }

  a:visited {
    color: #eee;
  }

  a:hover {
    background-color: white;
    color: black !important;
  }

  .menu {
    border: 2px solid #eee;
  }
}