/*
selector{propiedad:valor;}
*/

body{background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
; font-family: sans-serif; text-align: center;}

header{background: #2C3E50;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4CA1AF, #2C3E50);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4CA1AF, #2C3E50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
; font-size: 1.2rem; height: 7.5rem;}
h1{color: #55efc4;}
h2{color: #b5c4ed;}
footer p{color: #b5c4ed; font-size: 0.7rem; clear: both;}

 .boton{
 	background-color: #60a3bc;
 	display: inline-block;
 	padding: 0.375rem;
 	width:6.25rem;
 	border: 16rem ;
 	color: black;
 	font-size: 1.25rem;
 	text-align: center;
 	text-decoration: none;
 	border-radius: 4.1875rem
 }

.integrantes{float: left;padding-left: 7rem;}

article{clear: both;}

.contenedor{width:100%;
margin:auto;
overflow: hidden;
padding: 1rem 0rem 1rem 1rem;
 }

 .fotos{border-radius: 5.625rem;}

 p{color: #60a3bc}

 h2{color: #60a3bc}
 h3{color: #60a3bc}

footer{position: bottom;  max-width: 100%;
    position:fixed;
    background: black;
    left: 0px;
    bottom: 0px;
    width: 100%;
    box-shadow: 0 0 6px rgba(0,0,0,.3)

.info{width: 30rem, height:30rem;}

a{ text-decoration: none; color: #eee; }

.pedidos{align-items: center;
    flex-direction:row;
        border: 2px solid #4CA1AF;
    padding: .5rem;
    margin: 0.5rem 1rem 0rem 1rem;
 border-radius: 1rem;
    position:relative;
}

.pedidos2{align-items: center;
    flex-direction:row;
        border: 2px solid #4CA1AF;
    padding: .5rem;
    margin: 0.5rem 1rem 0rem 1rem;
 border-radius: 1rem;
    position:relative;
    background-color: #4CA1AF; 
}