.container{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:linear-gradient(#121212,#212b46)}.title{font-size:85px;color:#fff;animation:flipTitle 2s}@keyframes flipTitle{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.containerInput{border-color:#fff3;padding:15px;margin:34px 0;display:flex;border-radius:8px;box-shadow:1px 3px 8px #00000080}.containerInput input{background-color:transparent;border:0;font-size:20px;color:#fff;outline:none;margin-right:8px}.containerInput input::placeholder{color:#f1f1f1}.buttonSearch{background-color:transparent;border:0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .5s}.buttonSearch:hover{transform:scale(1.2)}.main{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;width:500px;border-radius:8px}.main h2{margin:16px 0;font-size:39px}.main span{font-size:20px;margin-bottom:16px;font-weight:700}@media (max-width: 620px){.title{font-size:60px;text-align:center}.main h2{font-size:28px}.main{width:80%;min-height:250px}}*{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box}