@font-face {
    font-family: open-sans;
    src: url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
}

* {
    margin: 0;
    padding: 0;
    font-family: open-sans, sans-serif;
}

.content {
    text-align: center;
    position: absolute;
    right: 50%;
    top: 20%;
    transform: translate(50%, 50%);
}

.content form {
    margin: 10px;
}

.content form input[type=text] {
    width: 100%;
    padding: 10px;
    margin: 5px;
    border-color: black;
    border-style: none none solid none;
}


.content form input[type=text]:focus {

}

.content form input[type=submit] {
    width: 100%;
    padding: 10px;
    margin: 5px;
    border-style: none none solid none;
}

.content form input[type=submit]:hover {
    cursor: pointer;
}

.footer {
    position: absolute;
    bottom: 5%;
    transform: translate(50%, 50%);
    right: 50%;
}

.footer a {
    margin: 10px;
    text-decoration: none;
    color: black;
}

.loginForm {
    position: absolute;
    right: 50%;
    top: 30%;
    transform: translate(50%, -50%);
}

.loginForm h1 {
    text-align: center;
}

.loginForm form {
    padding: 10px;
    border: 1px solid black;
    border-radius: 5px;
}

.loginForm form input[name='username'], input[name='password'] {
    text-decoration: none;
    border: none;
    padding: 10px;
    width: 100%;
}

.loginForm form input[type=text]:active, input[type=password]:active {
    border: none;
}

.loginForm form input[type=submit] {
    text-decoration: none;
    text-align: center;
    border: 1px;
    padding: 10px;
    border-style: none none solid none;
    width: 100%;
}

.loginForm form input[type=submit]:hover {
    cursor: pointer;
}

.manageHeadline {
    text-align: center;
}
.forwardingTable {
    padding: 10px;
}

.forwardingTable table {
    width: 30%;
    border: 1px solid black;
}