DAjournalcss

* {background: transparent; border: none; margin: 0; padding: 0;}

.gr-top img{display:none;}
.gr {padding: 0 !important;}
li.a.f{background:transparent;}

.gr-top{
background-color: #444446;
text-align:center;
padding:5em;
display:none;
}

.gr-body{
background: transparent;

}

.text{
color:whitesmoke;
font-size:13px;
}

.gr-top h2 a{
font-size: 2.1em;
color:white;
text-transform: uppercase;
font-family: 'Arial Black'
font-size: 3em;}

.gr-top .timestamp{
color: #fff;
text-transform: uppercase;
display:none;
}

h1{
font-size: 2.3em;
color: #2F343A;
font-family: 'Arial Black';
text-transform: uppercase;}

h2{
font-size: 1.8em;
color: #2F343A;
font-family: 'Arial Black';
text-transform: uppercase;}

.commentslink{
color: white;
font-family: 'Arial Black';
text-transform: uppercase;
display:none;
}


.list{
text-align: center;
margin-top: 2.5em;}

.c.ppb.alink.bottom
{
line-height: 3em;
margin: 0 auto;
width: 13em;
transition: all 0.2s;
color: white;
font-family: 'Arial Black';
text-transform: uppercase;
-webkit-transition: all 0.3s;
background: #2F343A;
display:none;
}

.c.ppb.alink.bottom:hover {
background: #FE7776;
}

hr
{
height: 2px;
border: none;
background: #2F343A;
}

.shadow-holder {
margin:3px;}

.shadow-holder img {
-webkit-transition: all 0.3s;
border: 2px solid #FE7776;}

.shadow-holder img:hover {
border: 2px solid #2F343A;
display:none;
}

img.lit.journal {
border: none !important;
background: transparent;

display:none;
}

.lit.journal {
padding: 3px;
background: #2F343A;
color: white;

display:none;
}

a.thumb.lit {
transition: all 0.2s;
background: #FE7776;
color: white !important;

display:none;
}


.button {
display: inline-block;
padding-left: 1em;
padding-right: 1em;
line-height: 3em;
margin: 3px;
-webkit-transition: all 0.3s;
background: #2F343A;
}

.button:hover {
background: #FE7776;
}

blockquote {
background: #2F343A;
border: none;
color: white;
padding: 1em 8em 1em 8em;
margin: 0.3em -8em 0.3em -8em;}

blockquote h2{
color: white;
}

blockquote h1{
color: white;
}

/*___________________________________________*/
body{
margin:0;
}
div{
font-family: Arial, Helvetica, sans-serif;
}

      .container{
            width: 100%;
            height: 300px;
            background: #3b3f42;
            color:#bec8ce;
            font-family: Arial, Helvetica, sans-serif;
 z-index: 1000;
        }
        /*____________ list ____________________________*/
        ul{
            list-style-type: none;
            padding: 5px;
            margin-left: 10px;
        }
        li{
            margin: 5px;
            padding: 5px;
            transition: all 0.4s ease;
        }
        /*___________ images ___________________________*/
        .movim{
            height: 60px;
            margin: 2px;
            margin-right: 15px;
            transition: all 0.3s ease;
        }
        /*__________ span _______________________*/
        .hiddn{
            color: #3b3f42;
        }

        .footer{
            padding: 5px;
        }
        a{
            color: inherit;
            text-decoration: inherit;
        }
.blue{
color: deepskyblue;
}
.center{
text-align:center;
}
.white{
color:white;
}
        /*____________ links ___________________________*/

.icons a{
display:inline-block;
}
     a .beauticon{
width:70px;
height:70px;
}
        /*____________ poster __________________________*/
        .poster{
          width:100%;
          height:auto;

         }
         .headtitle{
         text-align:center;
         color:whitesmoke;
         }
.focus{
transition: all 0.3s ease;
margin:5px;
}

/*hidden dial box system*/

.slideable{
transition: all 0.4s ease;
height:0px;
border-radius:5px;
}

.trigger_one:hover ~ .one{
height:50px;
background:white;
padding:30px;
}
.one:hover{
height:50px;
background:white;
padding:30px;
}

.trigger_two:hover ~ .two{
height:50px;
background:white;
padding:30px;
}
.two:hover{
height:50px;
background:white;
padding:30px;
}
.trigger_three:hover ~ .three{
height:50px;
background:white;
padding:30px;
}
.three:hover{
height:50px;
background:white;
padding:30px;
}

.trigger_four:hover ~ .four{
height:50px;
background:white;
padding:30px;
}
.four:hover{
height:50px;
background:white;
padding:30px;
}
/*text issues*/

.slideable .special{
transition: all 0.8s ease;
display:none;
}
.trigger_one:hover ~ .one p{
display:inherit;
color:#444446;
}
.one:hover p {
display:inherit;
color:#444446;
}

.trigger_two:hover ~ .two p{
display:inherit;
color:#444446;
}
.two:hover p {
display:inherit;
color:#444446;
}

.trigger_three:hover ~ .three p{
display:inherit;
color:#444446;
}
.three:hover p{
display:inherit;
color:#444446;
}

.trigger_four:hover ~ .four p{
display:inherit;
color:#444446;
}
.four:hover p {
display:inherit;
color:#444446;
}
.container .centered{
margin-left:45%;
}


        /* #################conditional#################*/
        /*list*/
        li:hover{
            padding: 10px;
            margin-left: 15px;
            border-radius: 5px;
            box-shadow: inset 0 0 0 25px white;
            color: white    ;
        }

        li:hover .hiddn{
            color: salmon;
        }
        .movim:hover{
            height: 70px;
        }
       li:hover span{
       color: #3b3f42 ;
       }

.focus:hover{
color:salmon;
border-radius: 4px;
background:whitesmoke;
margin-right:10px;
}
.focus:hover .insider{
height:300px;
}

/*___________DEVPART_________________________________*/

.loader{
width:40px;
height:40px;
}
.ava_box{
transition:all 0.2s ease;
content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/93d50904-f397-4c01-85fc-610947a46092/dd0xdj6-cfbcc4f8-53ba-4d9a-8fc7-176b40fcd4a7.png/v1/fill/w_908,h_880,strp/serious_ava_by_eoxxy_dd0xdj6-pre.png");

width:150px;
height:150px;
border-radius: 75px;
margin:20px;
float: left;
}
.ava_box:hover{
content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/93d50904-f397-4c01-85fc-610947a46092/dd0xdji-52c69c84-1a08-418f-8c1f-46bf69bbd445.png/v1/fill/w_908,h_880,strp/aroused_ava_by_eoxxy_dd0xdji-pre.png");


}

.pres_text{
display:inline-block;
float: left;
color:white;
}
.pres_text h1{
color:white;
}
.selecta{
transition: all 0.3s ease;
}
.selecta:hover{
margin-left:15px;
}

.green{
color:lightgreen;
}