body {
    margin:0;
    padding:0;
    font-family:'Work Sans', sans-serif;
    background-color: #F9F5F1;
    background-size:cover;
}

h1 {
    margin-left: 3%;
}

/* TOP BANNER (retrieved from homepage files) */

.topbox {
    display: flex;
    justify-content: space-between;
}

.greeting {
    padding: 17px;
    margin-left: 20px;
    color:#555;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.2em;
    font-weight: bolder;
}

.logo-img {
    background-color: #F9F5F1;
    width:80px;
    height:80px;
    margin-right: 1.2em;
    margin-right: 25px;
}

/* Actual Login Interface Structure */

.external_link {
    color:blue;
}

.box {
    width:300px;
    padding:30px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    border-radius:24px;
    text-align:center;

}

/* Welcome back! Text Settings*/

.box h1 {
    color:black;
    font-weight:700;
}

/* Input Boxes - Settings */

.box input[type="text"], .box input[type="password"] {
    border:0;
    background:white;
    display:block;
    margin:20px auto;
    text-align:center;
    border:3px solid white;
    padding:14px 10px;
    width:220px;
    height:5px;
    outline:none;
    color:#555;
    border-radius:24px;
    transition:0.25px;

}

.box input[type="text"]:focus, .box input[type="password"]:focus {
    padding:14px 10px;
    width:220px;
    height:5px;
    border-color:#ffd99fec;

}

/* Login Button */

.box input[type="submit"] {
    border:0;
    background:#ffd99fec;
    display:block;
    margin:20px auto;
    text-align:center;
    padding:14px 10px;
    width:150px;
    outline:none;
    color:#555;
    border-radius:24px;
    transition:0.25px;
    cursor:pointer;

}

.box input[type="submit"]:hover {
    background: #facd8aec;
}

/* Footer */

footer {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background-color:white;
    text-align:center;

}