html, body {
  background-color: #F3F3F3;
    color: rgb(0,0,0);
  margin: 2px;
  margin-bottom: 30px;
  font-family: "Inter", sans-serif;
  }

header{
  color: blue;
   font-size: 80px;
  border-bottom: solid 2px blue;
  display: flex;
  position: relative;
  margin: 20px;
  padding: 0px;
   font-family: "Bebas Neue", system-ui;
}

.inicio{
  background: #03A9F4;
    margin: 20px;
  padding:20px;
  display: flex;
  font-size: 30px;
   border-radius: 80px;
  box-shadow: 2px 5px 5px gray;
}

p{
  text-align: justify;
}

.video{
  margin-right: 50px;
}

.logo{
height: 100px;
  position: relative;
 margin-left:700px;
}

.batata{
  margin: 50px;
  align-content: center;
}
.clipes{
  display: flex;
  overflow-x: auto;
  gap: 10px;
}
.clipes img{
  height: 200px;
  opacity: 0.5;
  
}
.clipes img:hover{
  opacity: 1.0;
  border: solid 2px pink;
    box-shadow: 2px 4px 4px gray;
}
footer{
  font-family: "Protest Strike", sans-serif;
  color: yellow;
  align-items: center;
  background-color: pink;
  position: fixed;
  bottom: 0;
  width:100%;
  height: 2em;
  padding: 20px;
  text-align: center;
  font-size: 1rem;
  display:block;
  margin:0 auto;
  padding-left: 450px;
}