@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

body {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif !important;
}

/* .main-container{
    padding: 50px;
  
}

.main-box{
    border: 4px solid black;
    height: 100vh;
    width: 100%;
    background-color: rgba(000, 255, 255, 0.1);
} 

.main-box fieldset{
    border: 3px solid black;

}  */

/* for removing bootstrap border on focous */

.shadow-remove:focus {
  border: 0px !important;
  box-shadow: none !important;
}

.form-outline input:focus {
  border-bottom: 1px solid black;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  transition: 0.4s ease-in-out;
  box-shadow: none;
}