/* For styles used by the theme */
html,body{
height: 100%; top: 0; left: 0; margin: 0; padding: 0; overflow-x: hidden;
}
*{
font-family: 'Noto Sans';
}
.bold, b{font-weight: 700; font-family: 'Noto Sans'} .italic, i{font-style: italic} .strikethrough{text-decoration: line-through} table{
@extend .striped; @extend .responsive-table; tr{ border-bottom: 1px solid rgba(0,0,0,0.12); }
} .post-container img{
@extend .materialboxed;
} .post-container a{
color: #3498db; transition: .4s ease; text-decoration: none; &:hover{ text-decoration: underline; color: #2980b9; transition: .4s ease; }
} .post-container ul{
list-style-type: circle;
}
.main-trigger{
position: fixed; right: 45px; bottom: 40px;
} .light-text{color: rgba(0, 0, 0, 0.53)} .parallax-container> .first-parallax{
position: relative; top: 40%; transform: perspective(1px) translateY(-40%);
} .blog-title{
background-color: rgba(127, 140, 141, 0.8); padding: 15px;
} .nav-links{
font-size: 16px!important;
} .preloader-container{
position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; z-index: 99; height: 100%; width: 100%;
} .preloader-wrapper{
position: absolute; top: 45%; left:47.5%; margin: 0px auto
}
.author-container{
img{ float: right; padding: 5px; border-radius: 50%; width: 100px; }
} .social-footer-icon{
i{color:white; font-size: 35px; margin: 15px; transition: .4s ease; &:hover{ transition: .4s ease; color: #8e44ad; } } padding: 10px;
}
@media #{$small-and-down} {
h1{font-size: 13vw;} .author-container img{ float: none; }
}