body{
    background-color: #eaf6f6;
}
h1{
    font-size: 36px;
}

.container{
    margin: 100px auto;
    max-width:900px;
}
form{
    padding: 28px;
    background-color: white;
    border-radius: 15px;
    display: flex;
    margin-bottom: 25px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}
.theLanguage{
    padding: 12px;
    border: 1px solid rgba(17, 15, 15, 0.715);
    width: 80%;
    border-radius: 40px;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

}
.submit{
    cursor: pointer;
    margin-left: 5px;
    background-color: #f76b8a;
    border: none;
    border-radius: 50px;
    width: 125px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

.IloveYou{
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding: 29px;
  
    line-height: 20px;
    border-left: 3px solid #f76b8a;
    font-size: 29px;
}
footer{
    text-align: center;
    margin-top: 30px;
}
a{
    color: #f76b8a;
}
.loader {
    margin-left: 25px;
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}
.hidden{
    display: none;
}