.form{
   
    display: flex;
    flex-direction: column;
    width: 300px;
    margin: 0;
    position: absolute;
    z-index: 0;
    top: 50%;
    background-color: white;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  height: 600px;
  padding-top: 5px;
border-radius: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
form{
   position: relative;
   bottom: 20px;
}

button{
    width: 450px;
    background-color: rgb(255, 187, 0);
    border: none;
}
input{
    width: 250px;
   border-width: 0 0 2px;
    border-color: rgb(0, 0, 0);


}
body{
    background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,1) 10%, rgba(152,70,252,1) 100%);background: rgb(63,94,251);
    background: radial-gradient(circle, rgba(63,94,251,1) 10%, rgba(152,70,252,1) 100%);
    
}
input:focus{
    outline: none;
    border-width: 0 0 2px;
    border-color: rgb(255, 187, 0)
}
main{
    padding-top: 10px;
    padding-left: 5px;
}

.log{
    font-weight: bold;
}
select:focus{
    outline: none;
    border-color: rgb(255, 187, 0)
    
}
.form img{
    width: 40px;
   margin-left: auto;
   margin-right: auto;
}
.form h6,#tag{
    text-align: center;
}
form{
    padding-left: 20px;
}
select{
    border-width: 0 0 2px;
    border-color: rgb(0, 0, 0);
    width: 250px;  
}
.form #tag{
    position: relative;
    bottom: 8px;
}
#check{
    position: relative;
  bottom: 8px;
}
button{
margin-left: auto;
margin-right: auto;
width: 250px;
}
/* <style>
        .from{
            background-color: rgb(255, 255, 255);
            width: 400px;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 400px;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: bold;
            margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
        }
        button{
            margin-left: auto;
            margin-right: auto;
            
        }
        input{
            width: 300px;
            height: 20px;
            outline: 0;
  border-width: 0 0 2px;
  border-color: rgb(72, 255, 0)
           
        }
      form input:focus{
outline: none;




}