@font-face {
    font-family: Poppins-Regular;
    src: url('fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
    font-family: Poppins-Bold;
    src: url('fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
    font-family: Poppins-Medium;
    src: url('fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
    font-family: Montserrat-Bold;
    src: url('fonts/montserrat/Montserrat-Bold.ttf'); 
}

h1, h2, p {
    color: #363636;
}

html {
    height: 100%;
}

/* Whole document */
html, body {
    padding: 0;
    margin: 0;
    font-family: Poppins-Medium;
}

body {
    background: #BE93C5;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #7BC6CC, #BE93C5);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #7BC6CC, #BE93C5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

a, a p {
    text-decoration: none;
    color: #3c3c3c;;
}

a:hover, a p:hover {
    text-decoration: none;
    color: #0696d7;
}

p {
    margin: 0;
    padding: 0; 
}

.login_status {
    position: fixed; 
    top:0; 
    left:0; 
    margin: 5px 5px 5px 5px;
    font-family: Poppins-Medium;
    font-size: 16px;
}