.main{
    height: 700px;
    width: 500px;
    margin: auto;
    /* border: 1px solid black; */
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#signup{
  height: 350px;
  /* border: 1px solid black; */
  padding-left: 30px;
}
/* h5,h4{
    text-align: center;
} */
#logo img{
    height: 100px;
    width: 100px;
    border-radius: 50px;
 }
/* #typenumber{
    width: 450px;
    height: 30px;
    border-left: black;
    border-right: black;
    border-top: black;
 } */
 form{
  /* border: 1px solid black; */
  height: 350px;
  margin: auto;
  text-align: start;
 }
 #code{
    background-color: black;
    color: white;
    height: 40px;
    width: 150px;
    text-align: center;
    border-radius: 20px;
 }
 #skip{
  border: none;
    background-color: red;
    color: white;
    height: 40px;
    width: 450px;
    text-align: center;
    border-radius: 20px;
    text-decoration: none;
    
    
 }
 a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    
 }
/* 

 .popup {
   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 */
 /* .popup .popuptext {
   visibility: hidden;
   width: 160px;
   background-color: #555;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 8px 0;
   position: absolute;
   z-index: 1;
   bottom: 125%;
   left: 50%;
   margin-left: -80px;
 } */
 
 /* Popup arrow */
 /* .popup .popuptext::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 */
 /* .popup .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 ;}
 } */