@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
   
   html, body {
     margin: 0 !important;
     padding: 0 !important;
     width: 100%;
     height: 100%;
     line-height: 1.5rem !important;
   }
   
   
   h1 {
     font-family: 'Montserrat', Arial, sans-serif;
     font-weight: 600 !important;
     font-size: 200%;
   }
   
   h2 {
     font-family: 'Montserrat', Arial, sans-serif;
     font-weight: 600 !important;
     font-size: 160%;
   }
   
   
   p, button, nav li {
     font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
   }
   
   p {
       font-size: 1.1rem !important;
       font-weight: 300;
       color: #333333;
   
   }
   
   .academy-red {
     color: #900000;
   }
   
   .academy-green {
     color: #447c74;
   }
   
   .academy-blue {
     color: #19588e !important;
   }
   
   *#login-page{
     min-height: 45.5vh;
   
   }
   /* Background color */
   
   .background-pattern {
     background:
       radial-gradient(circle at 20% 10%, rgba(25, 88, 142, 0.2), rgba(25, 88, 142, 0) 30%),
       radial-gradient(circle at 75% 40%, rgba(103,26,47, 0.2), rgba(103,26,47, 0) 30%),
       radial-gradient(circle at 90% 80%, rgba(25, 88, 142, 0.1), rgba(25, 88, 142, 0) 30%),
       radial-gradient(circle at 10% 70%, rgba(103,26,47, 0.2), rgba(103,26,47, 0) 25%),
       radial-gradient(circle at 50% 90%, rgba(25, 88, 142, 0.2), rgba(25, 88, 142, 0) 25%),
       radial-gradient(circle at 85% 20%, rgba(103,26,47, 0.15), rgba(103,26,47, 0) 20%),
       white;
   }
     
     /* Navbar */
   .navbar {
     padding: 20px 30px;
   }
   
   .navbar-brand {
     width: 120px;
     height: auto;
   }
   
   .navbar-nav .nav-link {
     color: rgb(116, 115, 115);
   }
   
   .navbar-nav .nav-link:hover,
   .navbar-nav .btn:hover {
     font-weight: bold;
   }
   
   
     
   input{
     margin-bottom:10px;
   }
   
   .btn, input{
     border:none;
     border-radius:0;
   }
   
   .btn-primary{
     background:#ff953f;
   }
   
   .btn:hover{
     background:#ccc;
     color:#666;
   }
   
   .form-signin {
     max-width: 430px;
     padding: 15px;
     margin: 0 auto;
   }
   .form-signin .form-signin-heading,
   .form-signin .checkbox {
     margin-bottom: 10px;
     text-align: center;
   }
   .form-signin .checkbox {
     font-weight: normal;
   }
   .form-signin .form-control {
     position: relative;
     height: auto;
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
     padding: 10px;
     font-size: 16px;
   }
   .form-signin .form-control:focus {
     z-index: 2;
   }
   
   /* Footer */
    footer {
      background-color: transparent;
      color: #343a40;
      opacity: 0.6;
    }

    footer a {
      text-decoration: none;
      color: #454d55;
    }

    footer a:hover {
      color: #19588e;
    }