@import"https://fonts.googleapis.com/css2?family=Anton&family=Luckiest+Guy&display=swap";body{margin:0;background-color:#e0e1dd}.container{font-family:Luckiest Guy,serif;display:flex;height:100dvh;width:100dvw;align-items:center;justify-content:center}form{display:flex;flex-direction:column;background-color:#415a77;padding:20px;border-radius:10px}header{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:25px}label{color:#fff;font-weight:800;margin-bottom:3px;letter-spacing:1.3px}input{margin-bottom:20px;padding:10px;border-radius:5px;border:none}#file{padding:0;font-weight:800;color:#fff;margin-bottom:35px}button{border:none;padding:5px 15px;border-radius:5px;width:250px;margin:auto;font-weight:800;font-size:1.3rem;transition:.2s}h1{color:#fff}img{width:120px}button:hover{background:#162230;color:#fff;transition:.3s;box-shadow:0 0 10px #fff}button:active{scale:.95;transition:.01s}@media (max-width: 756px){form{width:85dvw;height:80dvh}input,label{font-size:1.1rem}button{border-radius:10px;font-size:1.6rem}#file{font-size:1rem}}