@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;900&display=swap);body{margin:0;font-family:Roboto,sans-serif;color:#fff;background-image:url(/img/ecopathbg.a95ad8f1.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}h1{font-size:2rem;border-bottom:3px solid #497169;width:50%}button,h1{text-transform:uppercase}button{background:hsla(0,0%,100%,.25);border:3px solid #fff;font-family:Roboto,sans-serif;padding:10px;color:#fff;font-size:1.5rem;transition:1s;margin:5px}button:hover{background:none;cursor:pointer}td{padding:20px}table{margin:auto}h2{font-size:3rem}h2,h3{margin:2px}h3{font-size:2rem}input{font-family:Roboto,sans-serif;font-size:1rem;width:300px}input,textarea{background:hsla(0,0%,100%,.25);border:0;padding:10px;color:#fff;margin:5px}textarea{height:100px;width:320px;box-sizing:border-box;resize:none}.main{background-color:#162333;padding:20px;margin-top:20px;margin-left:30px;margin-right:30px;margin-bottom:30px;min-height:300px;overflow:auto}.index{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.welcomeMessage{font-size:5rem;text-transform:uppercase;font-weight:700;letter-spacing:3px;line-height:60px}.welcomeButton{text-transform:uppercase;background:none;border:3px solid #fff;font-family:Roboto,sans-serif;padding:20px;color:#fff;font-size:1.5rem;width:300px}.welcomeButton:hover{background:hsla(0,0%,100%,.25);cursor:pointer}.navigation{width:100%}.siteName{display:block;text-transform:uppercase;color:#fff;font-size:3.5rem;letter-spacing:3px;padding-top:25px;padding-left:25px}ul{list-style-type:none;position:absolute;top:25px;right:25px}li{float:right;font-size:2rem;text-transform:uppercase}li a{color:#fff;padding:20px;text-decoration:none;transition:1s}.loading,li a:hover{background:hsla(0,0%,100%,.25);border:3px solid #fff}.loading{position:absolute;top:25%;left:25%;font-size:2rem;padding:20px}.container{margin:auto;width:80%}.logCard{display:block;float:left;width:25%;margin:20px;padding:10px;height:250px}.logText{background:rgba(73,113,105,.9);padding:5px;font-size:1.2rem}.logDate{color:#fff;text-decoration:none;font-size:2rem;font-weight:700;transition:1s}.logDate:hover{color:#162333}@media only screen and (max-width:600px){.siteName{font-size:2rem;width:100%;border-bottom:1px solid #fff}li{font-size:1.5rem;margin-top:30px}li a{padding:10px}.welcomeMessage{font-size:3rem}.main{margin-top:50px;margin-left:10px;margin-right:10px;margin-bottom:10px}h1{margin:0;margin-bottom:10px;font-size:1.5rem;width:90%}button{font-size:1rem}.logCard{width:75%}.loading{top:50%;left:15%;font-size:1.5rem}td{float:left;padding:0}h2{font-size:2rem}h3{font-size:1.5rem}.mobileImg{width:300px}}