/*230b3c*/
/*54c8e9*/

body {
    background: #230b3c;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
}

header {
    text-align: center;
    margin-top: 16px;
}

main {
    margin-top: 100px;
}

main .row {
    margin: 120px 0;
}

.container {
    margin-top: 100px;
    text-align: center;
}

.alexandria {
    font-family: "Alexandria", sans-serif;
}

.line {
    height: 3px;
    width: 30%;
    background: #54c8e9;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 10px;
    transition: 0.25s;
}

.content:hover .line {
    width: 100%;
}

footer {
    text-align: center;
}

label {
    font-size: 12px;
    color: #54c8e9;
}

@media only screen and (max-width: 768px) {
    main {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 425px) {
    img {
        width: 200px;
    }
}