@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

body{
    background-color: black;
    background-image: radial-gradient(rgba(255, 255, 255, 0.171) 2px, transparent 0);
    background-size: 30px 30px;
    background-position: -5px -5px;
    color:white;
    font-family:"Roboto Mono", monospace;
}
.center{
    margin:auto;
    width:max-content;
    text-align:center;
}

.center_Image{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

button {
    background-color: #f3f7fe;
    color: #3b82f6;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    width: 100px;
    height: 45px;
    transition: 0.3s;
  }
  
  button:hover {
    background-color: #3b82f6;
    box-shadow: 0 0 0 5px #3b83f65f;
    color: #fff;
  }

  .rainbow{
    animation:eplep;
    animation-timing-function:linear;
    animation-duration:10s;
    animation-iteration-count:infinite;
    break-after:page;
  }
  @keyframes eplep{
    0%{
      color:red;
    }
    10%{
      color:orange;
    }
    20%{
      color:yellow;
    }
    30%{
      color:green;
    }
    40%{
      color:blue;
    }
    50%{
      color:blueviolet;
    }
    60%{
      color:indigo;
    }
    70%{
      color:darkviolet;
    }
    80%{
      color:red;
    }
    90%{
      color:purple;
    }
    100%{
      color:red;
    }
  }