body{
    
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center; /*centers items on the line (the x-axis by default)*/
    align-items: center; /*centers items on the cross-axis (y by default)*/
    
    background-size: cover;
    background-attachment:fixed;
    
}
.enrolmentstats {
    margin: 10px;
    padding:10px;
    border-radius: .25rem!important;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: center;
    position: relative;
    transition:0.5s;
}
.link{
    height:100px;
    margin: 10px;
    padding:10px;
    border-radius: .25rem!important;
    color:white;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: right;
    position: relative;
    display:hidden;
    opacity:0;
    transition:0.3s;
    cursor:pointer;
    transform:scale(1);
    z-index:1;
}

.link-show{
    
    display:visible !important;
    opacity:1 !important;
    
}
.link:hover{
    transform:scale(1.20);
	z-index:10
}
.title{
    position: absolute;
    bottom: 10;
    right: 10;
}
.subtitle{
    position:absolute;
    top: 5;
    left: 10;
    font-size: 10px !important;
}

.icon{
    position: absolute;
    top: 10;
    left: 10;
}

.width1{
    width:100px;
}
.width2{
    width:200px;
}
.width3{
    width:300px;
}
.orange{
    background-color: #CC452D;
}
.darkblue {
    background-color: #1D5779;
}
.lightblue {
    background-color: #2BA0B2;
}
.sand {
    background-color: #EDBA66;
}
.cream {
    background-color: #EEE4B1;
}




div {
    display: inline-block;
}
input[type=text] {
    width:100%;
    padding-right:60px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url('/img/google.png');
    background-position: 10px 13px;
    background-repeat: no-repeat;
    background-size: 23px;
    padding: 12px 20px 12px 40px;
    display: inline-block;
    
}

.modalicon{
    position: absolute;
    top: 15;
    right: 10;
}

.container{
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    display: block;
}
a.visited, a.hover, a, .title{
    color:white;
    text-decoration: none;
}
.icon > img {
    width:50px;
}
#footer {
    position:fixed;
    bottom:5px;
    left:5px;
    font-family: sans-serif;
}
#logo{
    padding-bottom: 30px;
    display: block;
        margin-left: auto;
        margin-right: auto;
}
#counter {
    position:fixed;
    top:25px;
    right:25px;
    width:250px;
    height:70px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 20px;
    border-radius: 20px;
    text-align:center;

}
#changelog {
    position:fixed;
    top:5px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;

}

#chatbox {
    position:fixed;
    top:100px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 20px;
    border-radius: 20px;
    text-align:center;

}

#itguidesbtn {

    position:fixed;
    top:65px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
    
}
#ithelpbtn {

    position:fixed;
    top:65px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
    
}

#officebtn {

    position:fixed;
    top:125px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
    
}

#canvasbtn {
    
    position:fixed;
    top:185px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
}

#stubtn {
    
    position:fixed;
    top:185px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
}

#shopbtn {
    
    position:fixed;
    top:305px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
}

#arrangementsbtn {

    position:fixed;
    top:245px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
    
}

#webrequestbtn {
    
    position:fixed;
    top:125px;
    right:25px;
    width:250px;
    height:50px;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 20px;
    text-align:center;
}

#server-status {
    position:fixed;
    top:25px;
    left:25px;
    max-width: 350px;
    min-height:150px;
    background-color: rgba(255,50,50,0.0);
    color: white;
    font-family: sans-serif;
    font-size: 15px;
    padding: 20px;
    border-radius: 20px;
    transition: background-color 1s;
}
#page-loading {
    position:absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 100;
}
.mono {
    font-family:Inconsolata;
}