@import url('https://fonts.googleapis.com/css2? family = Raleway: wght @ 100; 400; 500; 600; 700; 800; 900 & display = swap');

/*
selector{propiedades:valor;}
*/

body{background:#ffffff ; font-family: 'Raleway', sans-serif; text-align: left;}


h2{
    color: #ff3366; 
    margin-top: 3%; 
    font-family: 'Raleway', sans-serif; 
    font-weight: 800; 
    font-size:1.2rem; 
    text-align:center; 
    margin-bottom: 1%; 
    margin-top: 1%;
    }

h1{
    color: white; 
    margin-top: 3%; 
    font-family: 'Raleway', sans-serif; 
    font-weight: 800; 
    font-size:1.2rem; 
    text-align:center; 
    background: #4B545A;
    margin-top: -1%;
    }
           

/*Menu*/

.link-activo {font-family: 'Raleway', sans-serif; font-weight: 900;}

nav {
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    width: 100%;
    font-size: 1.2rem;
    display: block;
    margin-top: -1%;
    background-color:#ff3366 ;
    }
    
nav ul li {
    display: inline-block;
    }
    
    
nav a{
    color: white;
    text-decoration: none;
    padding: 0.7rem;
    padding: -1%;
    }
    
nav a:hover{ font-weight: 900;}

.fondofaduber{
    width: 100%;
    }

footer p{
    color:#b3b3b3; 
    font-weight: 400; 
    font-size: 0.6rem; 
    text-align: center; 
    margin-top: 4%;
    margin-bottom: 2%;}

 
.figma{display: flex;
    box-sizing: border-box;
    margin: 2rem;
    justify-content:center;
}

body {
    text-align: center;
    width: 100%;
}

.figma-wrapper{
    width: 800px;
    margin: 0 auto;
}

@media all and (max-width: 52rem) {
    .figma-wrapper{ 
    width: 100%;
        }

@media all and (max-width: 48rem) {
    .app{
        width: 49%;
    }
    .figma-wrapper{
        width: 100%;
    }
}

@media all and (max-width: 30rem) {
    .facu{
    display: flex;
    flex-direction: column;
}
}