.content {
    margin: 0 auto;
    max-width: 50em;
    font-family: "Helvetica", "Arial", sans-serif;
    line-height: 1.5;
    padding: 4em 1em;
    color: #555;
}

.shadow.is-red:hover {
    box-shadow: inset 0 -6px 0 rgba(255,74,110,.7);
}

.shadow.is-blue:hover{
    box-shadow: inset 0 -6px 0 rgba(36,177,209,.7);
}

.shadow.is-yellow:hover{
    box-shadow: inset 0 -6px 0 rgba(255,221,87,.7);
}

.shadow.is-purple:hover{
    box-shadow: inset 0 -6px 0 rgba(184,107,255,.7);
}

.shadow.is-green:hover{
    box-shadow: inset 0 -6px 0 rgba(35,209,153,.7);
}

.shadow.is-red {
    box-shadow: inset 0 -6px 0 rgba(255,74,110,.2);
}

.shadow.is-blue{
    box-shadow: inset 0 -6px 0 rgba(36,177,209,.2);
}

.shadow.is-yellow{
    box-shadow: inset 0 -6px 0 rgba(255,221,87,.2);
}

.shadow.is-purple{
    box-shadow: inset 0 -6px 0 rgba(184,107,255,.2);
}

.shadow.is-green{
    box-shadow: inset 0 -6px 0 rgba(35,209,153,.2);
}

.section {
    padding-top: 4em;
}

h2 {
    margin-top: 1em;
    padding-top: 1em;
}

.hero-body {
    padding-top: 3.7rem !important;
}

.content.landing {
    font-size: 1.3em;
    max-width: 17em;
    margin-left: 0em;
/*    padding-top: 1.5rem;*/
}

.content.landing.teaching {
    font-size: 1.3em;
    max-width: 50em;
    margin-left: 0em;
/*    padding-top: 1.5rem;*/
}

.content.landing a {
    color: #555;
}

.burger {
    color: #555;
}

.navbar-item {
    font-size: 1.2em;
}

.navbar-menu.is-active {
    position: absolute;
    width: 100%;
}

.section.is-header {
    padding-bottom: 1rem;
}


h1,
h2,
strong {
  color: #333;
}

span.rev {
    unicode-bidi: bidi-override;
    direction: rtl;
  }

footer a{
    color: grey;
}

@media screen and (min-width: 960px) {
    html {
        margin-left: calc(100vw - 100%);
        margin-right: 0;
    }
}