*{
    margin:0;
    padding:0;
}

body {
    background-color:#fffd8e;
}

.title{
    margin-top:0px;
}

.title h1{
    /*color:#fffd8e;*/
}

.title div{
    background-color:#000000;
    height:50%;
    width:100%;
    margin-top:0px;
}

.title img{
    
}

@keyframes focus_button{
    0%{
        background-color:rgba(0, 0, 0, 0.00);
        font-size:20px;
    }
    25%{
        background-color:rgba(10, 10, 10, 0.1);
    }
    50%{
        background-color:rgba(20, 20, 20, 0.1);
    }
    75%{
        background-color:rgba(30, 30, 30, 0.2);
    }
    100%{
        background-color:rgba(40, 40, 40, 0.2);
    }
}

#for_list{
    background-color:rgba(0, 0, 0, 0.00);
    font-size:20px;
    color:#ffffff;
    float:right;
    display:inline;
    margin-right:1%;
    cursor:pointer;
}

#for_list:hover{
    animation-name:focus_button;
    animation-duration:initial;
}

.normal div{
    
}

.social-networks{

}

.showicon{
    float:right;
    margin-right:20px;
}

.showtitle div{
    display:inline;
}

.showtitle h1{

}