@import"https://fonts.googleapis.com/css?family=Nunito+Sans:wght@300,400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code&display=swap";a{color:#05f;text-decoration:none}a:hover{color:blue}nav{display:flex;justify-content:flex-end}nav ul{list-style-type:none;margin:0;padding:0;flex-direction:row}nav ul li{display:inline-block;margin:0 8px}footer{padding:80px 0}header,.container{width:768px}header a{font-weight:600;font-family:"Lato",sans-serif}.text-success{color:green}.text-danger{color:red}.messages{height:180px;background-color:#f7f7f7;padding:10px;overflow-y:scroll;font-family:"Fira Code",monospace}.center{text-align:center}div.form-input{padding:10px 0}div.form-input input{border-radius:8px;font-size:20px;display:block;width:calc(100% - 40px);line-height:2.5em;padding:4px 20px;border:1px solid #eee}div.form-input input:hover,div.form-input input:active{border:1px solid #ddd}div.form-input input:hover,div.form-input input:active{border:1px solid #ddd}div.form-input button{background:#eee}div.form-input button:hover,div.form-input button:active,div.form-input button:focus{background:#ddd}.buttons{padding:5px;display:flex;justify-content:space-between;flex-direction:column;align-items:center}.btn{text-transform:uppercase;width:45%;padding:15px;border:none;color:#000;cursor:pointer}.services{margin:50px 0;display:block}.services .service{display:flex;margin:10px 0;justify-content:space-between}.services .service .text{width:50%;display:inline-block;align-items:flex-end}.services .service .text h3{margin-bottom:1px}.services .service .text p{margin-top:4px}.services .service .control{display:flex;align-items:center;justify-content:center}.services .service .control label.switch{align-items:center}.servercontrolls{padding-bottom:100px}:root{--blue: #0f0820}html,body{background-color:#fff}html,body{height:95%}body{font-family:"Nunito Sans",sans-serif;color:var(--blue);font-size:1em;display:flex;align-items:center;flex-direction:column}h1{margin:15px 0px;font-weight:bold}.btn{border-radius:10px;cursor:pointer;font-size:1em;letter-spacing:2px;transition:.2s ease;font-weight:bold;margin:5px 0px;text-transform:uppercase}@media screen and (max-width: 768px){header,.container{width:100%}body{display:block}.container{margin-top:70px;margin-bottom:70px}nav{justify-content:center}}