body {
   color-scheme: light dark;
   background-color: Canvas;
   color: CanvasText;

   margin: auto;
   font-family: monospace;
}

.container {
   height: 100dvh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-left: 20px;
   padding-right: 20px;
   gap: 20px;
}

h2 {
   border-bottom: solid;
   border-width: 5px;
   border-color: deepskyblue;
   background-image: linear-gradient(to right, Canvas , light-dark(rgba(0, 191, 255, 0.5), rgba(0, 191, 255, 0.8)));
}

.info {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.mail, .github {
   color: CanvasText;
}

#command {
   all: unset;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 5px;
   padding-right: 5px;
   background-color: light-dark(rgb(237, 237, 237), rgb(60, 60, 60));
   border-radius: 3px;
   font-style: italic;
}

#command:hover {
   cursor: pointer;
}