* {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
}

body {
   /* font-family: arial, sans-serif; */
   background: #2c296d;
   color: #fff;
}

.light_purple {
   color: #8c77b6;
}

.img-clean {
   margin-top: -50px;
   margin-left: -50px;
}

#messages {
   color: #ff0000;
}

.mt-20 {
   margin-top: 20px;
}

.mt-50 {
   margin-top: 50px;
}

a, a:active {
   text-decoration: underline;
   color: #fff;
}

a:hover {
   text-decoration: none;
   color: #fff;   
} 


/* Form elements */
input, select, textarea{
   border-radius: 20px !important;
   background-color: #8c77b6 !important; 
   color: #fff !important;
   border: none !important;
   outline: none !important;
}

textarea:focus, input:focus {
   background-color: #8c77b6 !important;
   color: #fff !important;
   border: none !important;
   outline: none !important;
}

::placeholder {
   color: #ccc !important;
}

#send_info {
   border-radius: 20px !important;
   background-image: linear-gradient(to right, #9a2062 , #672f8d);
   color: #fff !important;
   padding: 12px;
   border: none !important;
   outline: none !important;   
}

#send_info:hover {
   background-color: #8c77b6 !important; 
   color: #fff !important;
}



/* Modal */
.modal-header {
   background-color: #2c296d;
   color: #fff;
 }

 .modal-body {
   background-color: #2c296d;
   color: #fff;
 }

 .modal-footer {
   background-color: #2c296d;
   color: #fff;
 }