html * { font-family:Roboto,Arial; font-size:12pt;}
html {  scroll-behavior: smooth;}
body {
  margin: 0;
  padding: 0;
  min-height: 100vh; 
  background: #E7E7E7 url("images/back.png") no-repeat center bottom;
  background-size: 100% auto;
}

	
a, a:hover  {text-decoration:none;transition:all 0.5s;}

h1 {font-size:24pt;color:#5B5B5B;font-family:'Roboto Condensed'}
h2 {font-size:20pt;color:#D84A18;font-family:'Roboto Condensed'}
h3 {font-size:18pt;color:#524E4E;font-family:'Roboto Condensed'}


.webtitle {color:#FFFFFF;text-align:center;margin-top:20px;}
.webtagline {text-align:center;color:#F1D87D}
.weblogo {text-align:center}
.weblogo img {padding:25px;background:#FFFFFF;border-radius:50% }
.sidebar-links {margin-top:25px}
.sidebar-links a {display:block;color:#6F5D5D;border-bottom:2px solid #FAFAFA;padding:5px}
.sidebar-links i {display:inline-block;width:25px;color:#B62222;}

.page-wrapper{margin-top:35px;background:#FFFFFF;padding:15px;border-radius:15px}
.page-wrapper h1 {border-bottom:1px solid #E8E8E8}
.loginform {border:1px solid #0984FF;padding:15px;background:#0056AC;max-width:300px;border-radius:20px;margin:0 auto;margin-top:10%}
.loginform h1 {color:#FAFAFA}
.loginform label {color:#FFFFFF}
.loginform p {color:#FFFFFF}
.loginform a {color:#E9F280;font-weight:bold}

.form-control::placeholder {  color: silver;font-size:10pt}

.slide {width:100%;height:100vh;background-image:url('uploads/building.jpg');background-size:cover;}


.myform p {font-size:10pt;text-align:justify}
.myform h2 {color:#D84A18;border-left:2px solid #D84A18;padding-left:10px}
.myform label {color:#656BC3}


.login-form {width:100%;max-width:400px;margin:10px auto;background:#FFFFFF;padding:15px; border:1px solid #E6E6E6; box-shadow: 0 0 10px #B9B9B9;margin-top:50px}
.login-form h1 {font-size:20pt;color:#8F8F8F;padding-bottom:5px;border-bottom:1px solid #E7E7E7;}
.login-form label {color:#8F8F8F}
.login-message {padding:5px;color:#D14545}

.blink{    animation:blinkingText 0.8s infinite;}
@keyframes blinkingText{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.button {background:#D7AB2F;border-radius:5px;margin:5px;padding:3px;}

.alumni-info {padding:15px;text-align:center}
.alumni-info h5 {font-size:18pt;color:#FFFFFF}
.alumni-info p {color:#FFFFFF;font-size:12pt}

.nav-tabs a {color:#000000}
.nav-tabs a.active {background:#FFFFFF}


@media only screen and (max-width: 576px) {
    #sidebar {display:block;position:relative;min-height:300px}
}