*{
    box-sizing: border-box;

}
.container-grid {
       position: relative;
    min-height: 100vh;
}

.impryl{
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

main{
  background: radial-gradient(circle, rgba(255,0,249,1) 49%, rgba(14,178,230,1) 98%);
}

.img-proxeed{
    width: 200px;
}
.text-proxeed-1{
    text-align: center;
    padding: 10px;
    font-size: 20px;
    font-weight: 600;
   background:  conic-gradient(
        #e5e4e7 0%, #fdfafa 33%, #dfdfdf 33%, #00c2cb 66%, #00c2cb 66%, #00c2cb 99%
      );
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    }

.text-proxeed-2{
    text-align: center;
    padding: 10px;
    font-size: 20px;
    font-weight: 600;
    background:  conic-gradient(
        #e5e4e7 0%, #fdfafa 33%, #dfdfdf 33%, #f170e0 66%, #eb88e6 66%, #fa6fff 99%
      );
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
   
padding: 10px;
}
.grid-3{
    grid-column: 2/4;
    grid-row:4/5 ;
}
.grid-3{
    margin: 20px;
}
.iframe{
display: block;
margin:0 auto 35px auto;
width: 100%;
height: 400px;
border-radius: 20px;
border: none;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.btn-proxeed-2,.btn-proxeed-1{
    letter-spacing: 2px;
    font-weight: bold;
    transition: 1s ease-in-out;
   color: white;
    background: transparent;
    width: 200px;
    margin-bottom: 20px;
border-radius: 10px;
padding: 10px;
border: 1px solid blanchedalmond;
box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.btn-proxeed-2:hover{
    background-color: white;
    color: #FF369E;
}
.btn-proxeed-1:hover{
    background-color: white;
    color: #0090D4;
}

.link-proxeed{
    font-weight: bold;
  letter-spacing :2px;
  color:white;}
.title-proxeed-1{
    font-size: 20px;
    font-weight: 600;
    color: white;
    text-shadow: 0px 0px 5px #5461d6, 0px 0px 10px #4446d4, 0px 0px 10px #4740ad,
      0px 0px 20px #3537b6;

}
.title-proxeed-2{
    font-size: 20px;
    font-weight: 600;
    color: #fdfdfe;
    text-shadow: 0px 0px 5px #ce00bd, 0px 0px 10px #c844d4, 0px 0px 10px #ad409b,
      0px 0px 20px #b635b0;
}
@media (max-width:1000px) {
    .container-grid{
        display: flex;
        flex-direction: column;
    }
    .title-proxeed-1,.title-proxeed-2{
        margin: 20px;
    }
}