body{margin:0;padding:0}h1{margin-left:50px;font-family:sans-serif}.container{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}form{display:flex;flex-direction:column}button{width:80%;height:30px;border:none;color:#fff;font-size:20px;margin-left:10%;text-align:center;background-color:#1e90ff;cursor:pointer;border-radius:10px}.input{display:block;width:500px;height:300px;margin:40px 10px 10px;font-size:20px;padding:10px}.traduccion{height:300px;width:500px;border:1px solid black;padding:10px;font-size:20px}.traduccion p{margin-left:10px}.dark{filter:invert(1)}@media screen and (max-width: 600px){.input{display:block;width:300px;height:300px;margin:10px}.traduccion{margin-top:30px;height:300px;width:300px}}