.container-text
{ width: 100%; height: auto; background-color: rgb(255, 255, 255); padding-left: 11%; padding-right: 11%; padding-bottom: 20px; padding-top: 10px; }

.container-text .title
{ color: transparent; background-image: linear-gradient(to right, #0a0a0a, #0a0a0a); background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; font-size: 40px; position: relative; padding: 1px; text-align: center; }

.container-text .bar
{ width: 75px; height: 6px; background-image: linear-gradient(to right, #232f95, #0a0a0a); border-radius: 50px; transition: .5s; transition-timing-function: linear; margin-top: 7px; }

.container-text:hover .bar
{ width: 150px; transition: .5s; transition-timing-function: linear; }

.container-text .resume
{ color: transparent; background: linear-gradient(to right, #777777 10%, #777777 100% ); background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; font-size: 15px; position: relative; padding: 1px; text-align: center;margin-top: 20px; }

@media screen and (min-width:0px) and (max-width:900px) 
{
    .container-text
    { padding-left: 6%; padding-right: 6%; }    
}