/* Color de fondo para toda la página  */
body {
    background-image:url(../mar.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;    
    }
/* Color  de los caracteres tipograficos  */
h1 h2 h3 h4 {
  font-family: 'Fredoka+One', Arial;
	margin:1;color:red;
	text-align:center;
	
}
/* Tamaño especifico para los caracteres de h5 */
h5 {
    font-size: 18px;
}
/* Tipo de letra, tamaño,texto centrado, expación del text con el padding*/
p {
	padding:1em;
    font-family: verdana;
    font-size: 12px;
    justify-content: center;
  }
  <style type="text/css">
.muestra {
	height: 300px;
	width: 400px;
	background-color: #FF9;
	background-origin: content-box;
  border-radius: 85px 85px 85px 85px;
  border: 13px outset #000000;
}
.estilof {
  height: 300px;
	width: 400px;
	background-color: #FF9;
	background-origin: content-box;
  border-radius: 95px 875px 85px 22px;

}
.estilog {
margin-left:auto;
	margin-right: auto;
	padding-left:25px;
	padding-right:25px;
	background-color: #fff;
	height:520px;
	width:600px;
	border: 4px solid #9cf;
	border-radius:10px;
	color: #000;
	font-size: 32px;
	font-family:'Roboto', serif;
	font-weight: 500;
	background: linear-gradient(yellow,red);
}
.anterior {
	height: 100px;
	width: 200px;
	float: left;
	background-color: #CFC;
}
.posterior {
	height: 100px;
	width: 200px;
	background-color: #CCF;
}
svg{background:#aaa;}
#Capa_Principal{width: 30%;margin:0;}
#Estrella:hover{stroke:#333;fill:#BF1;}

@media screen and (max-width:1300px){
  #Cuadrado{fill:blue;}
}

</style>