body{
    background-color: #000;
}
.header{
    background-color:  #F117E6;
    position: absolute;
    margin-top: -50px;
    width: 100%;
    height: 100px;
    margin-left: -10px;
    
}
.menu_simple ul {
    margin: -10px; 
    padding: 0;
    width:185px;
    list-style-type: none;
    margin-top: 50px;
}

.menu_simple ul li a {
    text-decoration: none;
    color: white; 
    font-family: 'Comfortaa', cursive;
    padding: 10.5px 11px;
    background-color: #714A73;
    display:block;
}
 
.menu_simple ul li a:visited {
    color: white;
}
 
.menu_simple ul li a:hover, .menu_simple ul li .current {
    color: white;
    background-color: #A0759D;
}

.side{
    background:url(IMG/lateral.png);
    width: 185px;
    height: 245px;
    position: absolute;
    margin-left: -10px;
    margin-top: 10px;
}

.text{
    background-color: #000;
    width: 500px;
    height: 570px;
    position: absolute;
    margin-top: -273px;
    margin-left: 200px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    text-align: justify;
    padding: inherit;
}

.preview1{
    background:url(IMG/rel1.png);
    width: 500px;
    height: 200px;
    position: absolute;
    margin-top: -260px;
    margin-left:750px;
    
}

.preview2{
    background:url(IMG/rel2.png);
    width: 500px;
    height: 200px;
    position: absolute;
    margin-top: -100px;
    margin-left:750px;
    
}
.pre{
    background:url(IMG/PROP.png);
    width: 500px;
    height: 200px;
    position: absolute;
    margin-top: 100px;
    margin-left:750px;
    
}

b{color: #a8bf97; text-decoration: none;-webkit-transition-duration: .40s; } /* Estilo do negrito */
b:hover {color: #9975b9; text-decoration: none;-webkit-transition-duration: .40s; } /* Estilo hover do negrito */
i {color: #7647a2; text-decoration: none; -webkit-transition-duration: .40s;} /* Estilo do itálico */
i:hover {color: #9975b9; text-decoration: none; -webkit-transition-duration: .40s;} /* Estilo hover do itálico */
u {color: #885ead; text-decoration: none; border-bottom: 1px dashed #BC8862; -webkit-transition-duration: .40s;} /* Estilo do sublinhado */
u:hover {color: #aa8cc5; text-decoration: none; border-bottom: 1px dashed #BC8862; -webkit-transition-duration: .40s;} /* Estilo hover do sublinhado */
strike {color: #7647a2 ; text-decoration: strike; -webkit-transition-duration: .40s; } /*estilo do riscado */
strike:hover {color: #663096; text-decoration: strike; -webkit-transition-duration: .40s; } /*estilo hover do riscado */

a:link {
color: #7A378B; /* Cor do link*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
a:visited {
color: #8F5E99; /*Cor dos links visitados*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}
a:hover {
color: #754C78; /*Cor do link quando passa o mouse*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}