*{

}

body {
  background-color: #F1F0FF;
}

h1 {
text-align: center;
  border-bottom: 5px solid black;
  background-color:cornflowerblue;
    margin-top: inherit;
}

img {
  border-style: 10px;
    border-style: solid;
    margin:-10px;
}

ul {

}

li {

}

p {
  
}

#header {

}

#content{
  
}

#text {
margin: 20px;
}

#text p {
  border-style: dashed;
padding: 10px;
    margin:2px;
    background-color: cornflowerblue;
    box-shadow: 5px 5px 2.5px 0px rgba(0,0,0,0.50);
    text-align: justify;
    text-indent: 40px;
}

#text p:first-child {
  border-top-left-radius: 30px;
    border-style: dashed;
    border-top-right-radius: 30px;
    padding: 10px;
    margin:2px;
    background: url("../images/fondoParrafo.png");
}

#text p:last-child {
  border-bottom-left-radius: 30px;
    border-style: dashed;
    border-bottom-right-radius: 30px;
    padding: 10px;
    margin:2px;
    background-color: cornflowerblue;
}

#menu {
text-align: center
}

#menu a{
margin-left: 5px;
text-decoration: none;

}


#menu li{
border-left-style: solid;
display: inline-table;
border-color: red;
}

#menu li a:hover{
    
    box-shadow: 0px 3px 0px red;
    
}

#footer{
  text-align: center;
  border-top: 3px solid black;
  background-color:cornflowerblue;
    color:white;
}

#footer a{
    text-decoration: none;
    color: white;
}

#footer a:hover{
background: white;
    color:cornflowerblue;
}
#image {
text-align: right;

margin-right: 60px;
}

@media all and (max-width: 500px) {
    img{
        border-color: red;
        text-align: center;
        width: 90%;
    }
}