*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:#fcfcfd}h1{font-family:Playfair Display,serif}p,h3,h4,li,a{font-family:Noto Sans,sans-serif}h3{border-bottom:dotted;border-width:1px;font-size:20px;padding-bottom:5px;text-align:center}.body-main{box-sizing:border-box;height:100%;width:100%}@media screen and (max-width: 349px){*{visibility:hidden}}@media screen and (min-width: 350px){.outer{width:100%}.main-input{margin:auto;width:90%}.input-field{width:100%}.keyboard-button{visibility:hidden}h1{font-size:7vw}h4{font-size:4vw}}@media screen and (min-width: 700px){.outer{margin:auto;width:90%}.main-input{margin:auto;width:75%}.keyboard-button{visibility:hidden}h1{font-size:5.5vw}h4{font-size:2.5vw}}@media screen and (min-width: 1100px){.outer{margin:auto;width:70%}.main-input{margin:auto;width:600px;position:relative}.keyboard-button{visibility:visible;position:absolute;top:10px;height:1px;border-radius:5px;height:30px;cursor:pointer;color:#000;margin-right:10px}h1{font-size:3.125rem}h4{font-size:1.5rem}h3{font-size:1.17rem}}