@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}

body{
    margin: auto;
    width: auto;
    height: inherit;
    background-color: #606060;
    font-family: 'Poppins';font-size: 15px;
}
div{
    box-shadow: 10px 10px 40px 10px rgb(0, 0, 0);
  }
.container {
    width:100;
    height: 10vh;
    text-align: center;
    font-family: 'Poppins';font-size: 15px;
    border: #000000;
    border-style: outset;
    background-color: #6e6e6e;
    opacity: 0.7;
}
svg{
  cursor: pointer;
  color: #000000;
  border: #000000;
  border-style:outset;
  border-radius: 9%;
}
svg:hover{
   background: #060034;
   color: rgb(254, 254, 254);
}
.transparent-form-box {
    width: 300px;
    margin: 50px auto;
    padding: 25px;
    height: 75vh;
    background-color: rgba(36, 36, 38, 0.8); 
    opacity: 0. 8;/* Adjust the alpha value (fourth parameter) for transparency */
  }

  /* Style for form labels */
  .transparent-form-box label {
    max-height: 30vh;
    border: none;   
    display: block;
    margin-bottom: 8px;
    font-family: 'Poppins';font-size: 15px;
    text-align: left;
  }

  /* Style for form input fields */
  .transparent-form-box input {
    width: 100%;
    padding: 8px;
    margin-bottom: 12px;
    border-radius: 0%;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    opacity: 0.7;
    font-family: 'Poppins';font-size: 15px;
  }

  /* Style for form submit button */
  .transparent-form-box button {
    background-color: rgb(0, 0, 0);
    color: white;
    width: 300px;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition-duration: 0.4s; /*Note: transtion first before hover!*/
  }
  .transparent-form-box button:hover{
    background-color: #060034; 
    color: white;
  }
button {
    border-style: solid;
    border-radius: 300px;
    font-size: 10px;
}
a {
   text-decoration: none;
   color: #fff;
}
.footer-copyright{
  width:100;
  height: 10vh;
  background-color: #484848;
  color: #060034;
  border: #000000;
  font-family: 'Poppins';font-size: 15px;
  text-align: center;
  border: #000000;
  border-style: outset;
  background-color: #545252;
  opacity: 0.7;
}
footer:hover {
  width: 15%;
  background-color: #060034; 
  color: white;
}
