body{
    font-family: Roboto;
}

h1#event-title{
    color: #68209d;
    font-size: 3em;
    font-weight: 900;
}

.left-div{
    border-right: 1px solid #00020b3f;
}

form[name='calendar'] input[name]{
    border-bottom: 1px solid #00000025;
}

form[name='calendar'] input[name]::placeholder{
    opacity: 0;
    transition: all ease-in-out .5s;
    color: #ccc;
}

form[name='calendar'] input[name]:hover::placeholder{
    opacity: 1;
}

form[name='calendar'] input[name]:active::placeholder{
    opacity: 1;
    padding: 18px;
    margin-top: 10px;
}

form[name='calendar'] input[name]:hover::placeholder{
    border-bottom: #00000089;
}

form[name='calendar'] select{
    border-bottom: 1px solid #00000025;
}

form[name='calendar'] select::placeholder{
    opacity: 0;
    transition: all ease-in-out .5s;
    color: #ccc;
}

form[name='calendar'] select:hover::placeholder{
    opacity: 1;
}

form[name='calendar'] select:active::placeholder{
    opacity: 1;
    padding: 18px;
    margin-top: 10px;
}

form[name='calendar'] select:hover::placeholder{
    border-bottom: #00000089;
}

input[type=submit]{
    background: #68209d;
    color: #fff;
    width: 160px;
    padding: 8px;
}

@media (max-width: 992px) {
    .left-div{
        border: none;
        border-bottom: 1px solid #00020b3f;
    }
}