html,
body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
}

/* Layout */
#main-container .mdl-layout__header .mdl-layout__drawer-button {
    color: rgba(0, 0, 0, 0.54);
}

.mdl-layout__drawer {
    margin-bottom: 16px;
}

.navbar-container {
    border: none;
}

.navbar-container .mdl-menu__container {
    z-index: -1;
}

.navbar-container .navbar {
    z-index: -2;
}

.navbar-container .mdl-menu .mdl-menu__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-container-header {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    height: 151px;
}

.navbar {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

div#main-container .navbar .mdl-navigation__link {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.56);
    font-weight: 500;
}

div#main-container .navbar .mdl-navigation__link:hover {
    background-color: #00BCD4;
    color: #37474F;
}

div#section-container {
    padding: 0px !important;
}

.navbar .mdl-navigation__link .material-icons {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.56);
    margin-right: 32px;
}

.navbar img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.mdl-textfield {
    width: 100%;
}

.mdl-layout__drawer-button {
    background-color: #f5c501 !important;
    border-radius: 30px;
    margin: 0px !important;
    height: 32px !important;
    width: 32px !important;
}

.mdl-layout__drawer-button i {
    position: absolute;
    top: 4px;
    left: 4px;
    color: #424242 !important;
}

.mdl-textfield__label:after {
    background-color: #cc9933 !important;
}

.link-btn {
    color: white;
    background: #f5c501;
    padding: 10px 20px;
    display: block;
    margin: 10px 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}

.link-btn:hover {
    background: #cc9933;
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 0px;
}

.mdl-layout__header-row {
    padding: 0 0 0 32px;
}

/* Misc */
li {
    text-align: left;
    line-height: 20px;
}

.itemsList {
    text-align: left;
}

@media screen and (max-width:1024px) {

    .itemsList a {
        line-height: 25px;
    }
}

div#disqus_thread {
    background-color: #fdfaed;
    padding: 20px;
}

span#topBarSpan {
    font-family: 'Courier New', Courier, monospace;
}

span#footerText {
    line-height: 32px;
    font-family: 'Courier New', Courier, monospace;
}

h1#title {
    font-family: 'digimonbasic';
    color: #f5c501;
    -webkit-text-stroke: 1px black;
    font-size: 80px;
    text-align: center;
    line-height: 70px;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

p {
    text-align: justify;
}

.content h1,
.content h2,
.content h3,
.content h4 {
    text-align: left;
}