main * {
    margin:10px;
    font-family:Arial, Helvetica, sans-serif
   
}

main {
    background-color:rgb(65, 9, 84);
    border-radius: 25px;
    margin-left: 25%;
    margin-right:5%;
    margin-top: 2%;
    border: solid 50px rgb(65, 9, 84);
    display:grid;
    grid-template-columns: auto auto;
    width:65%;
    padding-right: 45px;
}


#left {
    grid-column: 1;
    color:white;
}

ul {
    margin-left:0;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
  color: rgb(182, 30, 146)
}


li {
    justify-content: center;
    padding:10px;
    border:solid 3px rgb(65, 9, 84);
    padding-left:0px;
}

#mail {
     list-style:url(images/mail_16dp_B61E92_FILL0_wght400_GRAD0_opsz20.png);
    list-style-position: outside;
}

#call {
    list-style:url(images/call_16dp_B61E92_FILL0_wght400_GRAD0_opsz20.png);
        list-style-position: outside;
}

#location {
    list-style:url(images/location_on_16dp_B61E92_FILL0_wght400_GRAD0_opsz20.png); 
    list-style-position: outside;}

li:hover {
    border-radius:15px;
    border:solid 3px rgb(182, 30, 146);
    padding:10px;
    padding-left:0px;
}
body {
    background-color: rgb(182, 30, 146);
}

input, textarea {
    border-style: none;
    border-bottom: solid rgb(85, 17, 70);

}

input[type="text"], input[type="email"] {
   width:95%;
      height:17px;
   font-size:17px;
}


input::placeholder, textarea::placeholder {
    font-family:Arial, Helvetica, sans-serif;
}

fieldset{
    outline:none;
border:none;
    background-color:white;
    border-radius: 25px;
    width: 100%;
    padding:20px;
    padding-top:25px;
    padding-bottom:25px;
    grid-column: 2;
}

#submitButton {
    border:none;
    background-color: rgb(182, 30, 146);
    padding: 17px;
    padding-right: 50px;
    padding-left: 50px;
    border-radius:10px;
    font-family:Arial, Helvetica, sans-serif;
    color:white;
    font-weight:lighter;
      letter-spacing: 1px;
      font-size:15px;
      margin-top: -5%;
}

input:focus, select:focus, button:focus {
    outline:none;
        border-bottom: solid rgb(182, 30, 146);
}
input[type="button"]:hover {
    background-color: rgb(182, 30, 146);
    color:white;
    border: rgb(182, 30, 146) solid 2px;
    transition-duration: 0.3s;
}

input[type="button"] {
      border: rgba(0, 0, 0, 0.32) solid 2px;
    padding: 15px;
    padding-right: 17px;
    padding-left: 17px;
    border-radius:10px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:white;
    color: rgba(0, 0, 0, 0.32) ;
    width:fit-content;
      margin-left:3px;
    margin-right:3px;
      letter-spacing: 1px;
      cursor: pointer;
      font-size:15px;
}

input[type="button"]:focus {
    background-color: rgb(182, 30, 146);
    color:white;
    border: rgb(182, 30, 146) solid 2px;
     padding: 15px;
    padding-right: 17px;
    padding-left: 17px;
    border-radius:10px;
    margin-left:3px;
    margin-right:3px;
}

#buttondiv {
    display:flex;
    justify-content:flex-start;
    flex-flow:row wrap;
}

h2 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:large;
}

button {
    cursor:pointer;
}

em {
    color:rgb(182, 30, 146);
    font-style: normal;
    font-size: 40px;
}

#sendy {
    color:white;
}

h1 {
    font-size: 40px;
}

#socmedia {
    display:flex;
    flex-flow: row nowrap;
    align-items: flex-end;
}