@font-face {
   font-family: 'Inter-Regular.ttf';
   src: url('/fonts/Inter/Inter-VariableFont_slnt\,wght.ttf');
   font-weight: normal;
   font-style: normal;
}

body {
   margin: unset;
   font-family: "Inter-Regular.ttf";
   gap: 10px;
   font-size: 1.2em;
}

.grid {
   display: grid;
}
 
.blueSofiks {
   background-color: #29236C;
   color: #e0cfb6;
}

.lightBackground {
   background-color: #e0cfb6;
}

input[type=email] {
   width: 310px;
   height: 45px;
   margin: 8px 0;
   padding-left: 10px;
   border: 1px solid white;
   border-radius: 5px;
   box-sizing: border-box;
   border-color: #e0cfb6;
   background-color: #29236C;
   color: #e0cfb6;
   font-size: 1.2em;
 }
 
button[type=submit] {
   width: 225px;
   height: 45px;
   margin: 8px 0;
   border: 1px solid #ccc;
   border-radius: 5px;
   box-sizing: border-box;
   border-color: #e0cfb6;
   background-color: #e0cfb6;
   color: black;
   font-size: 1.2em;
   padding: 0px;
}
 
button[type=submit]:hover {
   width: 225px;
   height: 45px;
   margin: 8px 0;
   border: 1px solid #ccc;
   border-radius: 5px;
   box-sizing: border-box;
   border-color: #e0cfb6;
   background-color: #29236C;
   color: #e0cfb6;
   cursor: pointer;
   font-size: 1.2em;
   padding: 0px;
}

select {
   width: 310px;
   height: 45px;
   margin: 8px 0;
   padding-left: 10px;
   border: 1px solid white;
   border-radius: 5px;
   box-sizing: border-box;
   border-color: #e0cfb6;
   background-color: #29236C;
   color: #e0cfb6;
   font-size: 1.1em;
}

input[type=text] {
   width: 310px;
   height: 45px;
   margin: 8px 0;
   padding-left: 10px;
   border: 1px solid white;
   border-radius: 5px;
   box-sizing: border-box;
   border-color: #e0cfb6;
   background-color: #29236C;
   color: #e0cfb6;
   font-size: 1.2em;
}
 
input[type=number] {
   width: 310px;
   height: 45px;
   margin: 8px 0;
   padding-left: 10px;
   border: 1px solid white;
   border-radius: 5px;
   box-sizing: border-box;
   border-color: #e0cfb6;
   background-color: #29236C;
   color: #e0cfb6;
   font-size: 1.2em;
}

.downloadCerti {
   text-decoration: none;
   padding: 1.2%;
   margin-top: 20px;
   border: 1px solid white;
   border-radius: 5px;
   box-sizing: border-box;
   border-color: #e0cfb6;
   background-color: #29236C;
   color: #e0cfb6;
   font-size: 1.1em;
}