@keyframes slide-in {
            0% {
                top: -100%;
            }
            100% {
                top: 50%;
            }
        }        
        .link-container {
    display: flex;
    justify-content: center;
    font-size: var(--x-large-font);
    padding: 0;
    width: 100%;
}
      .link-container a {
    width: 30%;
    text-align: center;
    padding: 15px 20px;
    text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
}
      .register-button {
    background-image: linear-gradient(rgb(82, 78, 183), rgb(52, 45, 113));
    background-color: initial;
}
      .login-button {
    background-image: linear-gradient(rgb(139, 0, 0), rgb(255, 69, 0));
    background-color: initial;
}
           
            @font-face {
  font-family: 'CollegiateFLF';
  src: url('fonts/MontserratBold-p781R.otf');
  
}
 body{font-family: 'CollegiateFLF' !important;}
           
           .judul{text-align: center; color: white; font-size:42px;padding-top:30px;padding-bottom:30px }
           
           .link-container a {
  width: 30%;
  text-align: center;
  padding: 20px 30px;
  text-transform: uppercase;font-size:30px; margin-left:20px; margin-top:20px;
  color: #ffffff;
  text-decoration: none;
}
           
           @media (max-width: 768px){
               .judul{font-size: 26px}  
           }