@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
    opacity:0;
  }
  100% {
    transform: translateX(0);
    opacity:1;
  }
}
@keyframes slideInFromBot {
  0% {
    transform: translateY(25%);
    opacity:0;
  }
  100% {
    transform: translateX(0);
    opacity:1;
  }
}

body {
    background:white;/*#EEECEC;*/
}

header {  
  animation: 1.5s ease-out slideInFromTop;
  background: #333;
  padding: 30px 0px 30px 0px;
}

footer {
    height:300px;
}
.header_css {
    font-family: "Segoe UI", Arial, Helvetica, Sans Serif;
    color:#fff;
    font-size:36px;
    text-align:center;
}

.header_css a {
    color:#fff;
    font-size:28px;
    text-decoration: underline;
}
.title_css {
    font-family: "Segoe UI", Arial, Helvetica, Sans Serif;
    margin-top:5%;
    font-size:28px;
    color:#fff;
    background: #333;
    text-align:center;
    padding: 10px 10px 10px 10px;
}

.author_css{
    width: 350px;
    font-size:28px;
    text-align:center;
}

.abs_css{
    width: 350px;
    padding: 20px 30px 20px 30px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
    font-size:20px;
    text-align: justify;
    margin-right:1%;
}

.system_css{
    text-align:center;
    margin-top:5%;
}

.spon_css{
    margin-bottom:5%;
    width:300px;
}

.element-to-hide{
    opacity:0;
}

.fade_in{
    animation:  1.5s ease-out slideInFromBot;
    -webkit-animation: 1.5s ease-out slideInFromBot; /* Safari and Chrome */
}

.row_css{
    margin-top:5%;
    
}

.bibtex_css{
    
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(0, 0, 0, 0.14902); 
    border-top-left-radius: 3px; 
    border-top-right-radius: 3px; 
    border-bottom-right-radius: 3px; 
    border-bottom-left-radius: 3px; 
    word-wrap: break-word; 
    background-color: rgb(245, 245, 245); 
    overflow-x: scroll;
    text-align: left;
    margin-top: 2%;
}

.citation{

    /*background-color: #E0E0E0;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;*/
    text-align:justify;
    margin-top: 3%;
    font-size:20px;
    /*width:75%;*/
}


}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.slideRight {
    visibility: visible;
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    50% {
        transform: translateX(8%);
    }
    65% {
        transform: translateX(-4%);
    }
    80% {
        transform: translateX(4%);
    }
    95% {
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);
    }
}
@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50% {
        -webkit-transform: translateX(8%);
    }
    65% {
        -webkit-transform: translateX(-4%);
    }
    80% {
        -webkit-transform: translateX(4%);
    }
    95% {
        -webkit-transform: translateX(-2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}