@keyframes fadeOut{0%{opacity:1}50%{opacity:.45}100%{opacity:1}}.fading{animation:fadeOut 1.5s infinite}body{margin:0;background-color:#1a1a1a;color:#bcbcbc;font-family:sans-serif}a{color:#fff;text-decoration:none}.container{display:flex;flex-direction:column;justify-content:center}summary,details,form{display:inline;cursor:pointer}input[type=text],input[type=password]{padding:0;margin:0;color:#fff;background-color:#0000;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:20px;position:relative;left:0;font-size:16px}input[type=button],input[type=submit]{margin:0 2px 0 0;height:26px;padding:0 4px;border:none;outline:0;color:#fff;background-color:#c8147a;text-align:center;letter-spacing:.5px;cursor:pointer}header{background-color:#131313;text-align:center;color:#fff;display:grid;height:28px;box-shadow:0 2px 5px 0 #00000029,0 2px 10px 0 #0000001f;grid-area:header;grid-template-columns:15% repeat(3,auto) 15%;grid-template-rows:auto;grid-template-areas:". title status nav .";font-size:18px;align-items:center}header .logo{grid-area:title;justify-self:start}header #statusBar{grid-area:status;justify-self:center;color:#f05}header nav{grid-area:nav;justify-self:end}header nav a{display:inline-block;padding:0 15px}main{margin-left:15%;margin-right:15%;font-size:14px;display:grid}td{text-align:center}#turnMeter{background-color:#000;display:flex;text-align:center;color:#f0f0f0}#turnForeground{background-color:green;width:0%}@media only screen and (max-width:1280px){header #statusBar{font-size:14px}input[type=text],input[type=password]{width:100px}header{grid-template-columns:5% repeat(3,auto) 5%}main{margin-left:5%;margin-right:5%}}@media only screen and (max-width:768px){header{grid-template-columns:repeat(3,auto);grid-template-areas:"title status nav"}header #statusBar{font-size:12px}main{margin-left:0;margin-right:0}input[type=text],input[type=password]{width:100px}}input[type=text].pteTurn{margin-left:5px;margin-right:5px;width:35px}input[type=button].pteDelete{margin-right:4px}