* {
    box-sizing: border-box;
}

.child-container {
    width: inherit;
}

main {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: larger;
}

.collapsible {
    background-color: rgb(233, 236, 236);
    cursor: pointer;
    color: rgb(16, 76, 144);
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 24px;
}

.active, .collapsible:hover {
    background-color: rgb(180, 199, 230);
    outline: none;
}

.collapsible:focus {
    outline: 0;
}

.content {
    padding: 0 18px;
    margin-top: 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    background-color: rgb(233, 236, 236);
}

.jumbotron h1 {
    margin-bottom: 20px;
}

.main-word {
    color: rgb(86, 88, 90);
    font-size: 35px;
    margin-left: 15px;
}