@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

html, body {
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
}

body {
    background: rgb(1, 12, 49);
    background: linear-gradient(rgb(1, 12, 49) 0%, rgb(3, 23, 101) 100%);
    color: white;
}

h1 {
    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 60%, rgb(1, 12, 49) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pswp__counter, .pswp__caption__center {
    font-size: 24px;
}

section {
    display: flex;
    justify-content: center;
    align-items: center;
}

input {
    color: white;
    font-size: 20px;
    padding: .6em .9em; 
    border-radius: .4em;
    border-color: none;
    border: 2px solid white; 
    background: none;
}