body {
   font-family: 'Courier New', Courier, monospace;
   background-color: #f0f0f0;
   color: #333;
   margin: 0;
   padding: 0;
}

h1 {
   font-family: 'Courier New', Courier, monospace;
   font-size: 1.8em;
   color: #333;
   text-align: left;
   display: inline-block;
}

h3 {
   font-family: 'Courier New', Courier, monospace;
   font-size: 1.8em;

}





.glitch-wrapper {
   text-align: center;
   margin-top: 50px;
}

.glitch {
   font-size: 3em;
   color: #ffffff;
   text-shadow: 2px 2px 5px #000;
}

#ms, #gitt, #t,#ko {
   color: rgb(0, 0, 0);
   background-color: rgba(171, 168, 196, 0.295);
   border: 2px solid #000;
   padding: 20px;
   border-radius: 30px;
   text-align: center;
   animation: fadeIn 2s ease-in-out;
   margin: 20px auto;
   width: fit-content;
}

#gitt, #t {
   padding: 10px;
   width: 150px;
   height: auto;
   position: relative;
}

hr {
   width: 100%;
   height: 1px;
   border: none;
   background-color: black;
}

@keyframes fadeIn {
   from {
       opacity: 0;
       transform: translateY(-20px);
   }
   to {
       opacity: 1;
       transform: translateY(0);
   }
}