* {
       padding: 0px 0px 0px 0px;
       margin: 6px 0px 6px 0px;
}
    
     html {       
        background-image: url('/sotb-contact/Images/Nimbin_Rocks.jpg');
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 100vh; /* Ensures enough content to scroll */
}

     a {
       font-family: nyoetes;
       text-decoration: none;
       font-weight: normal;
       color: white;
       background-color: #007bff;
       border: solid orange 1px;
       border-radius: 8px;
       transition: 250ms ease-out;
}

     a:hover {
       font-weight: bold;
       background-color: #92340B;
}

     a:active {
       font-weight: bolder;
       transition: 1ms ease-in;
       box-shadow: #2d2d2d 4px 4px 4px;
       background-color: orange;
}

     body {
       overflow: hidden; /* Hide scrollbars */
       padding: 0px 0px 0px 0px;
}

    div.heading_bar {
       border-radius: 10px;
       background-color: #565357;/*68676c;*//*77767b;*/
       color: orange;
       text-align: center;
       margin-left: 6px;
       margin-right: 6px;
       padding: 4px 4px 2px 4px;
       font-family: nyoetes;
       font-weight: bold;
       font-size: 200%;
}

    p {
      margin: 0px 20px 0px 20px;
      padding: 2px 0px 4px 0px;
      color: orange;
      font: 20px sans-serif;
}
   
    div.base {
      width: 900px;
      background-color: transparent;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 0px 2px 0px;
}            

    div.main_page {
      width: 700px;
      background-color: #66c2ff;
      border: 4px double black;
      margin-left: auto;
      margin-right: auto;
      padding: 0px 0px 0px 0px;
}

    div.main_content {
      border-radius: 10px;
      background-color: #0088ff;
      margin: 6px 20px 6px 20px;
      padding: 2px 0px 7px 0px;
}

    div.poll_background {
      width: 700px;
      background-color: #7d8cb3; /*#66c2ff;*/
      border: 10px ridge orange;
      border-radius: 20px;
      margin-left: auto;
      margin-right: auto;
      padding: 2px 0px 2px 0px;     
}

     .add_color {
      background-color: #ffffff; 
}

    div.widget_border {
      border-style: solid;
      border-width: 2px;
      border-color: orange;
      border-radius: 10px;
      margin: 0px 7px 0px 7px;
}

    .btn-inline {
     display: inline-block;
     padding: 5px 5px;
     background-color: #007bff;
     color: white;
     text-decoration: none;
     margin-right: 5px;
     border-radius: 10px;
     border: 2px solid orange;
     width: 190px;
     font-family: nyoetes;
}

    div.heading {
          position: relative;
          width: 98%;
          height: 140px; /* or fixed height */
          background-image: url('/sotb-contact/Images/sotb-fourth.png');
          background-size: cover; /* or contain */
          background-position: center;
          font-family: awesome;
          font-size: 60px;          
          border: 10px ridge orange;
          border-radius: 20px;
          /*margin-left: auto;*/
          margin-right: 0px;
          padding: 0px;
}

     div.bottom_right_text {
          position: absolute;
          bottom: 0;
          right: 6%;
}

        input {
          background-color: #d8dcd6;
	        padding: 1px 4px 1px 4px;
	        font-family : sans-serif;
	        font-size : 25px;
	        border: 2px solid orange;
          border-radius: 10px;
}

      input:hover {
          background-color: #ffffff;
  } 

      input:focus {
          background-color: #ffffff;
          outline: none;
          border: 2px solid #007bff;
          border-radius: 10px;
          box-shadow: #2d2d2d 4px 4px 4px;
}

     input[type="submit"] {
          font-family: nyoetes;
          font-size: 30px;
          padding: 5px 2px 2px 5px;
          background-color: #007bff;
          color: white;
          border: 2px solid orange;
          border-radius: 10px;
          width: 190px;
          transition: 250ms ease-out;
}

 input[type="submit"]:hover { 
       font-weight: bold;
       background-color: #92340B;
}

   input[type="submit"]:active {
       font-weight: bolder;
       transition: 1ms ease-in;
       box-shadow: #2d2d2d 4px 4px 4px;
       background-color: orange;
}

   .err {
	    font-family : sans-serif;
	    font-size : 20px;
	    font-style: italic;
	    color: red;
}

   label {
	     font : serif;
	     font-size : 18px;
}

   textarea {
       background-color: #d8dcd6;
       padding: 1px 4px 1px 4px;
       font-family : serif;
       font-size: 18px;
       width: 90%;
       max-width: 90%;
       border: 2px solid orange;
       border-radius: 10px;
}

   textarea:hover {
       background-color: #ffffff;
  } 

   textarea:focus {
       background-color: #ffffff;
       outline: none;
       border: 2px solid #007bff;
       border-radius: 10px;
       box-shadow: #2d2d2d 4px 4px 4px;
}
   
  @font-face {
      font-family: souvenir;
      src: url('/sotb-contact/fonts/Souvenir.ttf');
}

   @font-face {
      font-family: Ubunts;
      src: url('/sotb-contact/fonts/Ubuntu-Regular.ttf');
}
        @font-face {
           font-family: awesome;
           src: url('/sotb-contact/fonts/Awesome.ttf');
}

     @font-face {
           font-family: nyoetes;
           src: url('/sotb-contact/fonts/Nyoetes.ttf');
}