.result1{ background-color: #fc9; color: #000; text-decoration: none; font-weight:bold;  padding:5px;text-align: left;}

.csaw { background-color: #fff; color: red; font-size: large; border-width: 1px; border-color: lime; border-style: groove; font-weight: 700; margin-top: 5px; margin-bottom: 5px; text-shadow: 1px 1px #ffd700; padding: 10px 5px; }
.csawn { background-color: #fff; color: red; font-size: large; border-width: 1px; border-color: green; border-style: groove; font-weight: 700; margin-top: 5px; margin-bottom: 5px; text-shadow: 1px 1px #ffd700; padding: 10px 5px; }

.enable {
  cursor: not-allowed;
  opacity: 0.5;
}
.disable > a {
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.hr {margin-top: 0em;  margin-bottom: 0em;  border-width: 1px; } 

.tophead{ background-color: white; color: black; border-width: 3px; border-radius:10px; border-color: blue; border-style: groove; margin-top: 5px; margin-bottom: 5px;  padding-top: 10px; padding-bottom: 10px;  font-weight: 800; font-size: large;  text-shadow: 0px 0px blue;}
.tophead a { color: red; text-decoration:none;}


.CHART { background-color:white; color: black; border-width: 1px; border-color: red; border-style: groove; margin-top: 5px; margin-bottom: 5px;  padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: large; font-style:bold;}
.CHART a { color: blue; }
.CHART a:visited{ 
    color: purple;}

.head  { background-color:#d8d8d8; color: black; border-width: 3px; border-color: #ffff; border-style: groove; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:1px 1px #ffd700;}
.head a { color:  #000; }

body{background-color: #000; color:#fff; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-align:center; margin:0px; padding:0px;}  
a { text-decoration:  none; }


.newuser {  background-color:white; color: black; border-width: 3px; border-color: blue; border-style: groove; font-weight: bold; font-size: large; border-radius: 10px; font-style:bold;text-shadow:0px 0px #ffd700 }
.newuser a { color:  blue; }

.login { background-color: mintcream; color: black; font-weight: bold; text-decoration: none; border-width: 2px; border-color: red; border-style: inset; margin: 5px; border-radius: 10px; text-align: center; }
.login a { color:  blue; }


.RESULT { background-color: white; color: black; border-width: 3px; border-color: lime; border-style: groove; margin-top: 5px; margin-bottom: 5px;  padding-top: 10px; padding-bottom: 10px; font-weight: bold; font-style: bold; text-shadow: 0px 0px #ffd700; border-radius:10px;}
.RESULT a { color: red; text-decoration:none;}

.topnav {
  overflow: hidden;
  padding-left:10px;
margin:5px;
  background-color: #333;
border-radius:10px;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
margin:10px;
  padding: 10px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}