img {
    max-width:100%;
}

body {
    margin:0;
  background:rgb(50, 55, 118);
  cursor:url('moacursor.png'), auto;

}

.container {
    background:rgb(50, 55, 118);
    /*background-image: url("glittergif.gif");*/
    height:auto;
     display:flex;
    flex-direction:column;
    padding:3px;
    align-items: center;
    
    overflow: wrap;
}
.barrio-regular {
  font-family: "Barrio", system-ui;
  font-weight: 400;
  font-style: normal;
}

.header {
   background:linear-gradient(rgb(50, 55, 118,.5),rgb(255, 255, 255,.5)) ;
   
    display:flex;
    height:200px;
    width:1000px;
    top:50px;
   box-shadow: inset 3px 3px 3px 3px darkgray;
    align-items:center;
    justify-content: center;
 font-family: "Lexend Tera", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400px;
  font-style: normal;
  font-size: 50px;
  margin:10px;
  border-radius: 20px 20px 20px 20px;
  border:2px solid;
    border-color:rgb(255, 255, 255);
  color:pink;
 box-shadow: 5px 5px 5px 5px rgb(50, 55, 118);
}
/*
.body-contain {
    background:linear-gradient(rgb(50, 55, 118),white);
    border-radius: 5px;
    border:5px solid;
    border-color:white;
    display:flex;
    height:200px;
    width:1000px;
    margin:10px;
    padding: 10px;
    flex-direction: column;
    overflow:wrap;
    justify-content: space-evenly;
    box-shadow: inset 3px 3px 3px 3px darkgray;
    box-shadow: 5px 5px 5px 5px rgb(50, 55, 118);
    justify-content: center;
    
}
*/
.section-1{
   background:linear-gradient(rgb(255, 192, 203,.75),rgb(255, 255, 255,.75));
    border-radius: 20px 20px 20px 20px;
    border:2px solid;
    border-color:white;
    display:flex;
    flex-direction:column;
    height:500px;
    width:400px;
    margin:10px; 
    padding: 15px;
   color:white;
    justify-content: center;
      font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
     flex-shrink:0;
     box-shadow: 5px 5px 5px 5px rgb(50, 55, 118);
   /*  box-shadow: inset 2px 2px 2px 2px rgb(50, 55, 118);*/

}
.section-2{
  /* background:linear-gradient(pink,white);
    border-radius: 5px;
    border:5px solid;
    border-color:white;
    */
    display:flex;
   flex-shrink:0;
    height:700px;
    width:500px;
    padding: 10px;
      font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    align-items: center;
    gap:5px;
     flex-shrink:0;
    flex-flow: row wrap;
    padding:5px;

    justify-content:center;
    /* box-shadow: inset 2px 2px 2px 2px rgb(50, 55, 118);*/
     
}
/*
.section-3{
       background: rgb(195, 255, 255);
    border-radius: 5px;
    border:5px solid;
    border-color:rgb(255, 229, 0);
    display:flex;
    flex-direction:column;
  height:500px;
    width:300px;
    margin:10px; 
    padding: 10px;
      font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
    flex-shrink:0;
    box-shadow: inset 2px 2px 2px 2px rgb(255, 136, 0);
    color:rgb(29, 29, 29);
    text-align:center;
}
*/
.bdycontain{
  background:linear-gradient(rgb(50, 55, 118,.5),rgb(255, 255, 255,.5)) ;
    border-radius: 20px 20px 20px 20px;
    border:2px solid;
    border-color:white;
    display:flex;
    width:974px;
    height:auto;
    margin:10px;
    padding: 10px;
    gap:10px;
    overflow:wrap;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    box-shadow: inset 3px 3px 3px 3px darkgray;
    box-shadow: 5px 5px 5px 5px rgb(50, 55, 118);
    
}

img {
  width:75;
  height:100%;
 border-radius: 20px;
    border:2px solid;
    border-color:pink;
    box-shadow: 5px 5px 5px 5px rgb(50, 55, 118)}
.video {
  border-radius: 20px;
    border:2px solid;
    border-color:white ;
    gap:10px;

}
button {
  background:rgb(255, 136, 0);
  border-radius:20px;
}
textarea {
  background:white;
  border: 3px solid white;
}
.picture-1 {
  
  width: 200px;
  height: 200px;
 
}
  
.picture-2 {
  
    width: 200px;
    height:200px;   
}
.picture-3 {
   
    width: 200px;
    height:200px;   }

.picture-4 {
   
    width: 200px;
    height:200px;   
}
.picture-5 {
    
    width: 200px;
    height:200px;   
}
.picture-6 {
     
    width: 200px;
    height:200px;   
}

.starbtn{
    width:100px;
    height: 100px;
    position:relative;
   
}