* {
  font-family: "Helvetica Nue", "Helvetica", "Arial", sans-serif;
  color: rgb(32, 18, 48);
}

body {
  background-color: rgb(171, 206, 243);
  padding: 50px;
}

h1 {
  font-size: 100pt;
  line-height: 100pt;
}

h2 {
  font-size: 50pt;
}

.file_name {
  color: rgb(45, 16, 209);
}

button {
  color: rgb(45, 16, 209);
  border: 1px solid rgb(45, 16, 209);
  background-color: white;
  border-radius: 5px;
  transition: color 0.2s, background-color 0.2s;
}

button:hover {
  background-color: rgb(45, 16, 209);
  color: white;
}

.celebrate {
    animation: colorRotate 2s infinite;
}

@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}

.lame {
    color: red;
    display: inline-block;
    transform: translate(0px);
    animation: shake 1.5s infinite;
    padding: 0px;
    margin: 0px;
}

@keyframes shake {
    from {
        transform: translate(-100px);
    }
    50% {
        transform: translate(100px);
    }
    100% {
        transform: translate(-100px);
    }
}