body {
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 2em;
}

.fade-in {
    animation: fadeIn 2s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

input, button {
    margin: 10px;
    padding: 10px;
    font-size: 16px;
}
/* static/style.css */

@media (max-width: 700px){
    h1{line-height:1.05}
    .section{padding:4rem 1rem}
  }
  
  a{cursor:pointer}
  a.btn:active{transform:translateY(0)}
  /* Add more custom classes/utilities below */