input[type=text], select {
        width: 10%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
      }
      
      input[type=submit] {
        width: 10%;
        background-color: #4c4faf;
        color: white;
        padding: 14px 20px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
        cursor: pointer;
      }
      
      input[type=submit]:hover {
        background-color: #45a049;
      }
      
  
  
      .Output {
          width: 10%;
          float:left;
      }
   

  
  
  
  
    
  body{
    background-size:cover;
    background-color:#adb6e4;
    font-family:sans-serif;
  }
  
  nav *{
    display:inline;
  }
  
  nav{
  z-index:1;
    background-color:#83acff;
    position:fixed;
    left:0; right:0; top:5px;
    max-height:75;
    box-shadow: 0 0 25px 0 black;
    max-width:100%;
  }
  
  
  .leftSideNav{
  float:left;
  }
  .rightSideNav{
  float:right;
  
  }
  .navitem{
    height: 5%;
    width:5%;
    padding:75px;
  
  }
  nav ul li a{
    font-size:large;
    color:Black;
   
    font-weight:bolder;
    
  }
  
  header{
  position:static;
    padding-top:5%;
    Padding-left:2%;
    padding-right:2%;
    text-align:center;
    font-size:larger;
  }
  
  
  
  a{
    
    color:black;
    font-weight:bolder;
  }
  .topstuck{
    position:fixed;
   
  
    
  
  }
  .toptext{
    margin-top:100px;
  }
  .calculator{
    justify-content:right;
    border:none;
  
  }

  /* Popup container - can be anything you want */
  .popupclick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* The actual popup */
  .popupclick .popupcalc {
    visibility: hidden;
    width: 100px;
    background-color:#83acff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
   
    z-index: 2;
    bottom: 125%;
    left: 50%;
    margin-left: -300px;
  }
  
  /* Popup arrow */
  .popupclick .popupcalc::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class - hide and show the popup */
  .popupclick .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }
  
  
  
  
    .mainContent{
      text-align:center;
  
      font-size:large;
  }