:root{
  --txt-vertFonce:#074e04;
}

body {
  background-color: white;
  color: #321425;
  font-family: Helvetica;
}
.frame{
  background-image : url("https://images.pexels.com/photos/38440480/pexels-photo-38440480.jpeg");
  background-size: cover; 
  background-position : center;
}
main {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  max-height: 100vh;
  height: 97vh;
}
main > iframe{
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: none;
}
.sousFrame{
  background-color: transparent;
}
.box{
  padding: 5px 20px;
  background-color: #a9d865;
  border-radius: 3px;
  margin-bottom: 20px;
}
navbar{
  position: absolute;
}
navbar ul{
  list-style-type: "🦊";
}
navbar li{
  margin-left : 5px;
}
navbar a{
  color: #a9d865;
}
footer{
  position: absolute;
  margin-top: -40px;
}
a, h1, h2{
  color: var(--txt-vertFonce);
  font-weight: bold;
}
.small-img{
  max-width: 200px;
  border-radius: 7px;
}