@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,600&family=Work+Sans:ital,wght@1,600&display=swap');

/* estilos generales*/
* {margin: 0; box-sizing: border-box; padding: 0;}
body {background: rgba(255, 211, 173, 0.49);}

h1 {
    background: rgba(161, 190, 255, 0.66);
    color:rgb(253, 117, 0);
    width: 30%;
    margin: auto;
    margin-top: 1.3rem;
    font-family: 'Work Sans', sans-serif;
    font-size: 190%;
    
    }
h2 { width: auto;
    margin: center;
    width: auto;
    display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	justify-content: space-around;
	align-items: baseline;
	align-content: center;
    font-family: 'Montserrat', bold;
    margin-top: 1.3rem;
     }


header {
        background: rgba(161, 190, 255, 0.66);
    color:rgb(253, 117, 0);
    font-size: 1.3rem;}
img {
        border-radius: 50%;        
        border-color: 4px solid; 
        width: 15%;
        border: 5px solid rgba(161, 190, 255, 0.66);
        margin-top: center;
        margin: auto;  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start; 
    margin-top: 1.3rem;
        }
.links {            width: 15%;
                    background: rgba(161, 190, 255, 0.66);
                    display: flex;
                    color: rgb(253, 117, 0);
                    width: 40%;
                    background: rgba(161, 190, 255, 0.66);
                    font-size: 1.5rem;
                    padding: 1%;
                    margin: auto;
                    box-shadow: 0rem 0rem 2rem rgba(121, 104, 82, 0.76);  
                    text-align: center;
                    max-width: 75rem;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: space-around;
                    align-items: baseline;
                    align-content: center;
                    font-family: 'Work Sans', sans-serif;
                    margin-top: 1.3rem;}

h3 {
    background: rgba(255, 211, 173, 0.49);
    color:rgb(253, 117, 0);
    font-size: 1.8rem;
    font-family: 'Work Sans', sans-serif;
    display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	justify-content: flex-end;
	align-items: baseline;
	align-content: center;
    margin-top: 1.5rem;}

a { text-decoration: none;
    display: flex;
    color: rgb(253, 117, 0);
     }

h4 { 
    font-size: 1.3rem;
    color:rgb(253, 117, 0);
    text-align: center;
    font-family: 'Montserrat', fantasy, bold;
    margin-top: 1.2rem;}

main {display: flex;
font-family: 'Montserrat', fantasy, bold;}

.primero{ 
        background: rgba(161, 190, 255, 0.66);
        width: 30%;
        margin: 3%;
        padding: 1%;
        box-shadow: 0rem 0rem 2rem rgba(121, 104, 82, 0.76);  
        text-align: center;
        max-width: 75rem;}


.segundo {background: rgba(161, 190, 255, 0.66);
        width: 30%;
        margin: 3%;
        padding: 1%;
        box-shadow: 0rem 0rem 2rem rgba(121, 104, 82, 0.76);  
        text-align: center;
        max-width: 75rem;}

.tercero {background: rgba(161, 190, 255, 0.66);
        width: 30%;
        margin: 3%;
        padding: 1%;
        box-shadow: 0rem 0rem 2rem rgba(121, 104, 82, 0.76);  
        text-align: center;
        max-width: 75rem;}

.cuarto {background: rgba(161, 190, 255, 0.66);
        width: 30%;
        margin: 3%;
        padding: 1%;
        box-shadow: 0rem 0rem 2rem rgba(121, 104, 82, 0.76);  
        text-align: center;
        max-width: 75rem;}
.mis_companeros {   color: black;
                    width: 50%;
                    background: rgba(161, 190, 255, 0.66);
                    font-size: 1.3rem;
                    padding: 1%;
                    margin: auto;
                    box-shadow: 0rem 0rem 2rem rgba(121, 104, 82, 0.76);  
                    text-align: center;
                    max-width: 75rem;
                    display: flex;
                    font-family: 'Work Sans', sans-serif;
                    margin-top: 1.2rem;}

.titulo_companeros {font-family: 'Montserrat', fantasy, bold;}
p {margin: center;
padding: 1%;
color: rgb(253, 117, 0); 
text-align: center;
background: rgba(161, 190, 255, 0.66);
margin-top: 1.1rem;}

footer {font-size: 0.8rem;
        text-align: center;}