@font-face {
    font-family: LE_SILENCE_DES_CAFARDS;
    src: url('../fonts/LE_SILENCE_DES_CAFARDS.ttf');
}

@font-face {
    font-family: cabin-regular;
    src: url('../fonts/Cabin-Regular.ttf');
}

@font-face {
    font-family: cabin-italic;
    src: url('../fonts/Cabin-Italic.ttf');
}

@font-face {
    font-family: cabin-bold;
    src: url('../fonts/Cabin-Bold.ttf');
}

@font-face {
    font-family: cabin-bold-italic;
    src: url('../fonts/Cabin-BoldItalic.ttf');
}

@keyframes colorFade {
    from {background-color: #06364B;}
    to {background-color: #0E7DAD;}
}

@keyframes colorOriginal {
    from {background-color: #0E7DAD;}
    to {background-color: #06364B;}    
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar:hover{
    cursor:pointer;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(76, 75, 73, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(76, 75, 73, 1);
}


.tab{
    position:absolute;
    width:97%;
    height:83%;
    border-radius:15px;
    display:none;
    overflow:hidden;
    background:#89C6C9;

}

#tab_1{
    display:block;
    background:url("../img/bg_7.png");
    background-size:cover;  
}

textarea{
     background-color:#FFFFFF;
     border:none;    
     outline:none;
     line-height: 25px;
     padding: 2px 10px;
     border:none;
     resize:none;
     position:absolute;
     width:19.0%;
     height:22%;
     left:3%;
     top:16%;
     font-family:'cabin-regular';
     font-size:1.56em;
     line-height:1.48em;
     overflow-x:hidden;
     overflow-y:scroll;
     text-align:justify;
     top:74.5%;
     border-radius:10px;
}

textarea:first-of-type{
    left:5.3%;
}

textarea:nth-of-type(2){
    left:28.2%;
}

textarea:nth-of-type(3){
    left:50.95%;
}

textarea:nth-of-type(4){
    left:73.8%;
}

