* {
    font-family: 'Open Sans', sans-serif;
}
.title-area {
    width: 100%;
    background-color: black;
    color: white;
    font-size: 30px;
    text-align: center;
    padding: 50px;
}
.title-area h1 {
    font-size: 45px;
}
.join-main-info {
    background-color: black;
    color: white;
    width: 100%;
}
.join-links {
    width: 29%;
    display: inline-block;
    border: solid 1px white;
    text-align: center;
    font-size: 20px;
}
.join-links a:link, .join-links a:visited {
    color: white;
    background-color: black;
    transition: 0.2s;
    width: 100%;
    text-decoration: none;
    padding: 30px 60px;
    display: block;
}
.join-links a:hover {
    background-color: white;
    color: black;
}
.job-information {
    width: 70%;
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    padding: 40px;
    font-size: 20px;
}
.apply-btn {
    padding: 15px 40px;
    background-color: #00ff00;
    color: white;
    border: solid 2px #00ff00;
    text-decoration: none;
    transition: 0.2s;
}
.apply-btn:hover {
    background-color: white;
    color: #00ff00;
}
#togglebtn {
    position: relative;
    display: none;
    max-width: 20%;
    text-align: center;
}