* {
   cursor: none;
}

body {
   background: linear-gradient(#f8c5e9, blue);
   background-repeat: no-repeat;
   background-attachment: fixed;
   text-shadow: 0 0 10px blue;
   cursor: none;
}

form {
   box-shadow: 0 0 10px blue;
   color: skyblue;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   background: linear-gradient(blue, #f8c5e9);
   cursor: none;
}

p {
   color: black;
}
input {
   width: 15rem;
   border-radius: 10px;
   background-color: #f8c5e9;
}
input:hover{
   transform: scale(1.03);
   background-color: #d199ec; 
}
button {
   width: 6rem;
   height: 1.5rem;
   background-color: #f8c5e9;
   border-radius:  10px;
}
button:hover {
   border-radius: 0 0 10px;
   transform: scale(1.1);
   background-color: #d199ec;
}
#examen {
   position: relative;
   align-self: flex-start;
   margin-left: 1rem;
    background-color: #f8c5e9;
   border-radius:  10px;
}
#serie {
   background-color: #f8c5e9;
   position: relative;
   align-self: flex-end;
   margin-right: 1rem;
}
#examen:hover,#serie:hover {
    transform: scale(1.03);
   background-color: #d199ec; 
}
label {
   position: relative;
   align-self: flex-start;
   margin-left: 1.5rem;
   margin: 0.5rem
}
a {
   color: skyblue;
}

#ig {
   position: fixed;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   pointer-events: none;
   transition: 0.1s ease-out;
   box-shadow: 0 0 19px 13px #a9a4a4;
   z-index: 9999;
}
.trail {
   position: fixed;
   background: radial-gradient(circle, #a9a4a4 0%, transparent 70%);
   width: 40px;
   height: 40px;
   border-radius: 50%;
   pointer-events: none;
   transition: fadout 0.6s forwards;
   z-index: 9998
   
}

@keyframes fadout {
   0% {
      transform: scale(0.5);
      opacity: 0.6;
   }
   100% {
      transform: scale(2);
      opacity: 0;
   }
}