@import url("https://fonts.googleapis.com/css?family=BioRhyme|Black+Ops+One|Bungee|Bungee+Shade|Creepster|Ewert|Fruktur|Gravitas+One|Monoton|Rubik:900");*{box-sizing:border-box}html{height:100vh;min-height:100vh}body{outline:1px solid green;font-size:15px;background-color:#1a1a1c;color:#f8f8ff;font-family:Helvetica,Arial,sans-serif}#react-app,body{height:100%}@import url("https://fonts.googleapis.com/css?family=BioRhyme|Black+Ops+One|Bungee|Bungee+Shade|Creepster|Ewert|Fruktur|Gravitas+One|Monoton|Rubik:900");.fact{text-align:center;max-width:40ch;font-size:1.2em}.index{height:100%;min-height:500px}.index>.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index>.content>.title{text-align:center;font-family:Bungee;font-size:58px}.index>.content>.title>img{margin:0 auto;text-align:center;display:block}@media (max-width:400px){.index>.content>.title{font-size:12vh}}.index>.content>.title,.index>.content>.title .sub{line-height:100%}.index>.content>.title>.sub{color:#ccc;font-size:.4em}.index>.content>form>textarea{margin:0;width:100%;background-color:grey;color:#fff;border:none;border-bottom:4px solid #404040;border-radius:10px}.index>.content .buttons{display:flex;justify-content:space-around}.index>.content .buttons button{color:#fff;border:none;margin:4px 8px 4px 0}.index>.content .buttons button:last-child{margin-right:0}.index>.content .buttons button[value=refresh]{background-color:#87cefa;border:none;border-bottom:4px solid #0d9cf5;border-radius:10px}.index>.content .buttons button[value=stop]{background-color:#f08080;border:none;border-bottom:4px solid #d71919;border-radius:10px}