body{background-color:#eb3b5a;font-family:Roboto,sans serif;color:#fff}h1{font-family:Lobster,cursive;font-size:3em}main{max-width:640px;width:100%;margin:0 auto;font-size:2em;text-align:center}button{padding:16px;cursor:pointer;font-weight:bold;font-size:1.3em;margin-top:16px;border-radius:8px;background-color:#f7f731;color:#000;font-family:Roboto,sans serif}input{display:block;margin:16px auto 0;font-size:2em;max-width:120px;border:none;background-color:transparent;text-align:center;color:#fff;border-bottom:6px solid #fff}.resultado{padding:16px;margin-top:120px;border:8px dotted #fff;display:none}.resultado span{font-weight:bold;font-size:3em;display:block}@media screen and (orientation:landscape) and (max-width:768px){main{max-width:480px;width:100%;margin:0 auto}}@media screen and (orientation:portrait) and (max-width:768px){main{max-width:330px;width:100%;margin:0 auto}h1{font-size:2.5em}}