body {
  background-color: #679df5;
  color: black;
  font-family: Verdana;
  padding: 1vw;
}

a:link {
  color: #0062ff;
}

a:visited {
  color: #092755;
}

a:hover {
  color: #9db8e3;
}

#info {
  display: flex;
  flex-wrap: wrap;
  padding: 1vw;
  margin-bottom: 1vw;
  gap: 1vw;
  border: 2px solid #5783c9;
  border-radius: 5px;
}

#imaginaldisk {
  width: 100%;
  height: 100%;
  display: block;
  flex: 1 1 100px;
  max-width: 300px;
  min-width: 180px;
}

#mica {
  display: block;
  width: 100%;
  height: auto;
  float: left;
}

#txt {
  flex: 1 1 100px;
  min-width: 350px;
}


a:has(img):hover {
  transform: rotate(5deg);
}

a:has(img):active {
  transform: rotate(0deg);
}

#progress {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 1vw;
  margin: 1vw;
}

#Todo,
#updates {
  overflow-y: scroll;
  flex: 1 1 200px;
  max-height: 200px;
  padding: 1vw;
  background-color: rgba(157, 184, 227, 0.7);
  border-radius: 5px;
}

#Todo>ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

#Todo ul {
  list-style-type: none;
  margin-left: 2px;
}

#updates h4 {
  display: inline;
  color: #0062ff;
}

#updates p {
  display: inline;
}