body { background-color: white; margin: 0; }
.no-script{position: absolute; top: 200px; left: 50%; transform: translate(-50%, 0);
    font-family: 'Roboto', sans-serif; font-size: x-large; font-weight: bold; color: white; 
    text-align: center; background-color: teal; border: rgb(0, 140, 140); border-radius: 20px; 
    border-style: solid; border-width: 2px; padding: 30px 50px 30px 50px;}
.topbar{ position: fixed; width: 100%; height: 70px;top: 0; background-color: white;
    border: white; border-width: 1px; border-style: none; border-bottom-style: solid; z-index: 2;}
.topbar-left{float:left; padding-left: 20px; padding-top: 8px;}
.topbar-right{text-align: right; padding-right: 60px; padding-top: 25px;}
.topbar-button { margin: -5px 20px 0 20px;}

.button { 
    text-align: center; font-size: large; font-weight: bold; 
    border-radius: 30px; border-style: solid; border-width: 2px; 
    cursor: pointer; text-decoration: none; 
    font-family: 'Roboto', sans-serif; 
    color: white; padding: 8px 30px 8px 30px;}
.button:hover { box-shadow:0 3px 5px #888888; }
.button:active { box-shadow:0 0 2px #888888; }
.button:disabled { box-shadow: none; background-color: #606060; border: #606060; color: #404040;}

.button-main { background-color: #008080; border: #009090; }
.button-main:active { border: #007070; }

.button-accent { background-color: #688080; border: #688080; }
.button-accent:active { border: #687070; }

.button-delete { background-color: #FF2020; border: #FF3030; }
.button-delete:active { border: #FF0000; }