html * { font-family:Roboto,Arial; font-size:12pt;}
html {  scroll-behavior: smooth;}
body {background:#FFFFFF;background-image:url('images/back.jpg');animation: fadeInAnimation ease 3s; animation-iteration-count: 1; animation-fill-mode: forwards;}
   @keyframes fadeInAnimation { 
            0% { 
                opacity: 0; 
            } 
            100% { 
                opacity: 1;
            } 
        } 
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'}

.sidebar {background:#0069C1;height:100vh;}
.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;width:100%}

.loginform {border:1px solid #0984FF;margin:5%;padding:15px;background:#0056AC}
.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.html');background-size:cover;}


.myform {padding:15px;background-color:rgba(255,255,255,.9);border:1px solid #FFFFFF; max-width:750px;}
.myform p {font-size:10pt;text-align:justify}
.myform h2 {color:#D84A18;border-left:2px solid #D84A18;padding-left:10px}
.myform label {color:#7B66C2}


.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}
.tab-content {border:1px solid #ECECEC;background:#FFFFFF;max-width:700px}
.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}
}