:root{--main-color:#006400;--main-color-overlay:rgba(0,100,0,0.7);--primary-color:var(--main-color);--secondary-color:grey;--dark-color:#030;--light-color:green;--background-color:brown;--page-color:#fff}body,html{margin:0;padding:0;height:100%;background:var(--background-color)}#app{font-family:Open Sans,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}.page{width:50%;margin:auto;display:flex;justify-content:space-between;background:var(--page-color);padding:20px;border-radius:7px}.copyright{color:#fff;position:fixed;right:5px;bottom:0;font-family:Segoe UI,Open Sans,Tahoma,Geneva,Verdana,sans-serif;text-decoration:none}@media screen and (max-width:900px){.page{flex-wrap:wrap;width:80%}}.main{display:flex;flex-direction:column;flex:3;margin-right:15px}.main>*{margin-bottom:15px}.logs{flex:1}.logs textarea{height:50vh}button,input{padding:10px;color:#fff;cursor:pointer}button{background:var(--main-color-overlay);border-color:grey;border-radius:5px;border-style:none}button:hover{background:var(--main-color)}.secondary{background:var(--secondary-color)}textarea{width:100%;resize:none;border-radius:5px}h1{text-align:center;font-size:1.1rem}