@charset "UTF";
body{
  background-image:linear-gradient(0deg,#00f,#f00);
  min-height:100vh;
  font-family:Arial;
}
#h1p1{
  width:60%;
  position:relative;
  left:30%;
  top:0px;
  background-color:#fff;
  border-radius:30px;
  padding:20px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:30px;
}
img{
  border-radius:50%;
}
.braco{
  position:relative;
  top:0px;
  left:0px;
  padding:20px;
  width:20%;
  color:#fff;
  background-image:linear-gradient(0deg,#d486f7,#cbe3fe);
  padding-left:20px;
  padding-right:20px;
  height:700px;
}
.braco:hover{
  position:relative;
  top:0px;
  left:0px;
  padding:20px;
  width:20%;
  color:#6e7dfa;
  background-image:linear-gradient(0deg,#ffda46,#fff);
  padding-left:20px;
  padding-right:20px;
  height:700px;
}
.c{
  display:flex;
}