body{
    height: 100vh;
    background-attachment: fixed !important;
}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: fixed;
    z-index: -3;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    /* background: #e2e5b8; */
    background: #e4eced;
    overflow: hidden;
}

.background span {
    width: 20vmin;
    height: 20vmin;
    opacity: 0.6;
    border-radius: 20vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 45;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #c8cc99;
    top: 82%;
    left: 100%;
    animation-duration: 34s;
    animation-delay: -1s;
    transform-origin: -9vw 25vh;
    box-shadow: 40vmin 0 5.660779238705384vmin currentColor;
}
.background span:nth-child(1) {
    color: #7cd5b6;
    top: 79%;
    left: 16%;
    animation-duration: 17s;
    animation-delay: -43s;
    transform-origin: 18vw 21vh;
    box-shadow: 40vmin 0 5.705461209320745vmin currentColor;
}
.background span:nth-child(2) {
    color: #c5b787;
    top: 33%;
    left: 98%;
    animation-duration: 30s;
    animation-delay: -8s;
    transform-origin: -23vw 9vh;
    box-shadow: 40vmin 0 5.421399088920421vmin currentColor;
}
.background span:nth-child(3) {
    color: #87c590;
    top: 14%;
    left: 47%;
    animation-duration: 40s;
    animation-delay: -35s;
    transform-origin: -20vw -21vh;
    box-shadow: -40vmin 0 5.767710180476582vmin currentColor;
}
.background span:nth-child(4) {
    color: #c8cc99;
    top: 46%;
    left: 29%;
    animation-duration: 24s;
    animation-delay: -43s;
    transform-origin: -16vw 16vh;
    box-shadow: -40vmin 0 5.122513291364382vmin currentColor;
}
.background span:nth-child(5) {
    color: #68baca;
    top: 14%;
    left: 30%;
    animation-duration: 37s;
    animation-delay: -20s;
    transform-origin: -23vw -14vh;
    box-shadow: 40vmin 0 5.980908010384432vmin currentColor;
}
.background span:nth-child(6) {
    color: #8084b8;
    top: 91%;
    left: 71%;
    animation-duration: 20s;
    animation-delay: -29s;
    transform-origin: 25vw 9vh;
    box-shadow: 40vmin 0 5.042978328330707vmin currentColor;
}
.background span:nth-child(7) {
    color: #c5b787;
    top: 12%;
    left: 88%;
    animation-duration: 49s;
    animation-delay: -42s;
    transform-origin: 3vw -19vh;
    box-shadow: 40vmin 0 5.391308303256688vmin currentColor;
}
.background span:nth-child(8) {
    color: #776c4a;
    top: 80%;
    left: 68%;
    animation-duration: 48s;
    animation-delay: -19s;
    transform-origin: 8vw -8vh;
    box-shadow: -40vmin 0 5.077538698877303vmin currentColor;
}
.background span:nth-child(9) {
    color: #d5c67c;
    top: 5%;
    left: 88%;
    animation-duration: 25s;
    animation-delay: -27s;
    transform-origin: 25vw -22vh;
    box-shadow: 40vmin 0 5.170171959187012vmin currentColor;
}
.background span:nth-child(10) {
    color: #87c594;
    top: 48%;
    left: 40%;
    animation-duration: 43s;
    animation-delay: -15s;
    transform-origin: 5vw 1vh;
    box-shadow: -40vmin 0 5.36519757470354vmin currentColor;
}
.background span:nth-child(11) {
    color: #c5b787;
    top: 100%;
    left: 12%;
    animation-duration: 48s;
    animation-delay: -16s;
    transform-origin: -14vw 16vh;
    box-shadow: -40vmin 0 5.561877185245412vmin currentColor;
}
.background span:nth-child(12) {
    color: #c587a3;
    top: 30%;
    left: 99%;
    animation-duration: 39s;
    animation-delay: -40s;
    transform-origin: -12vw -5vh;
    box-shadow: -40vmin 0 5.451678912131726vmin currentColor;
}
.background span:nth-child(13) {
    color: #c8cc99;
    top: 19%;
    left: 58%;
    animation-duration: 23s;
    animation-delay: -44s;
    transform-origin: 8vw 17vh;
    box-shadow: 40vmin 0 5.856172642498515vmin currentColor;
}
.background span:nth-child(14) {
    color: #c8cc99;
    top: 64%;
    left: 29%;
    animation-duration: 55s;
    animation-delay: -46s;
    transform-origin: -16vw 0vh;
    box-shadow: 40vmin 0 5.164535461690308vmin currentColor;
}
.background span:nth-child(15) {
    color: #c8cc99;
    top: 53%;
    left: 73%;
    animation-duration: 30s;
    animation-delay: -6s;
    transform-origin: 2vw -11vh;
    box-shadow: 40vmin 0 5.4741437374292286vmin currentColor;
}
.background span:nth-child(16) {
    color: #c5b787;
    top: 59%;
    left: 85%;
    animation-duration: 27s;
    animation-delay: -32s;
    transform-origin: -8vw -11vh;
    box-shadow: -40vmin 0 5.87891363388419vmin currentColor;
}
.background span:nth-child(17) {
    color: #c5b787;
    top: 64%;
    left: 76%;
    animation-duration: 21s;
    animation-delay: -12s;
    transform-origin: 21vw 0vh;
    box-shadow: -40vmin 0 5.194965323277032vmin currentColor;
}
.background span:nth-child(18) {
    color: #c8cc99;
    top: 97%;
    left: 51%;
    animation-duration: 8s;
    animation-delay: -38s;
    transform-origin: -9vw 3vh;
    box-shadow: 40vmin 0 5.749864397484414vmin currentColor;
}
.background span:nth-child(19) {
    color: #c5b787;
    top: 41%;
    left: 42%;
    animation-duration: 29s;
    animation-delay: -44s;
    transform-origin: -1vw 23vh;
    box-shadow: 40vmin 0 5.909144089394697vmin currentColor;
}



.single-post img{
    /* min-width: 370px !important; */
    width: 100% !important;
}

.textHP{
    text-align: justify;
}

.main_menu:hover{
 background-color:#eaf7fac4
}
.langs{
	/* background: #f7f7f7; */
	background: #e9f2f6;
	width: 100%;
	padding: 7px;
	text-align: center;
}

.mini-post.classic{
	padding: 0px;
	margin-bottom: 8px;
}

article figure.image.image_resized.image-style-align-center{
    text-align: center !important;
    float: none !important;
    height: 100px !important;
    display: block !important;
    width: 100% !important;
}
article figure.image.image_resized.image-style-align-center>img{
    height: 100%;
    width: auto !important;
}

.mini-post .article-body{
	background: none;
}

article table{
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100% !important;
}

article table td{
    border: 1px solid #ccc !important;
}

nav ul li a{
	font-size: 17px !important;
}

a:hover{
	color: #2a8bcb !important;
}

a{
	text-decoration: none !important;
}

table td{
	padding: 6px 24px 6px 24px;
	vertical-align: top;
}

.nav-toggle{
	left: 12px !important;
	/* padding: 2px 3px 1px !important; */ 
	background: transparent !important;
	color: white;
}


p{
	margin-bottom: 10px !important;
	line-height: 29px !important;
}

ul>li.active>a{
	background: rgb(198 226 234);
}

ul.list li{
	margin-bottom: 12px;
}

a:link, a:active, a:visited{
	color: #444;
}

li a:link, li a:active, li a:visited{
	color: #444;
}


/* Base (mobile first): 70% width */
.offcanvas {
    width: 70% !important;
  }
  
  /* Medium screens (≥768px): 50% width */
  @media (min-width: 768px) {
    .offcanvas {
      width: 50% !important;
    }
  }
  
  /* Large screens (≥1200px): 40% width */
  @media (min-width: 1200px) {
    .offcanvas {
      width: 35% !important;
    }
  }


.content-block{
	min-width: 500px !important;
    margin-top: -50px;
}

@media (max-width: 999px) {
    .content-block{
        margin-top: 5px;
    }

    .project_title{
        font-size: 100% !important;
    }

    .preslib_logo{
        min-width: 300px !important;
        max-width: 310px !important;
    }

    .single-post img{
        max-width: auto !important;
    }
}


@font-face {
    font-family: 'NotoSans';
    src: url('../noto/NotoSans-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans';
    src: url('../noto/NotoSans-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSans';
    src: url('../noto/NotoSans-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSans';
    src: url('../noto/NotoSans-BoldItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: 'NotoSerif';
    src: url('../noto/NotoSerif-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSerif';
    src: url('../noto/NotoSerif-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'NotoSerif';
    src: url('../noto/NotoSerif-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NotoSerif';
    src: url('../noto/NotoSerif-BoldItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}