@font-face {
  font-family: 'Inconsolata';
  src: url('../../../assets/fonts/inconsolata-v37-latin-regular.woff2');
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'profont';
  src: url('../../../assets/fonts/ProFontWindows.ttf');
  font-style: normal;
  font-weight: 400;
}

h2,a,div {
  font-family: 'Inconsolata';
  text-align: center;
}


body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0; 
    justify-content: center;
    align-items: center;
    animation: 200s linear infinite animatedBackground;
    overflow-y: hidden;
    overflow-x: hidden;
    
}


mark.brown{
    background: radial-gradient(circle, #ffff21, #f746b9, #38ceec, #ff87d1);
    background-size: 200% 200%;
    background-clip: text;
    color: transparent;
    animation: mark-brown 12s linear infinite;
}

a {
  color: rgb(34, 0, 255);
  text-decoration: none;
}

.buttons {
  display: grid;
  margin-top: 30px;
}

@media screen and (max-width: 1200px) {
    .window{
    width: 20rem !important ;
    }
}