html {
 scroll-behavior: smooth;
}



body {
 background-color: #FFD040;
}

h1 {
font-family: Cursive;
}
p {
font-family: monospace;
  font-size: 16px;
}
div {
  background-color: #FF7400;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 5%;
  padding: 3%;
  border-radius: 20px;
}
h2 {
font-family: Cursive;
}
body {background-color: #FFD040;
background-image:url("https://img.freepik.com/vector-premium/fondo-abstracto-naranja-morden-uso-diseno-presentacion-negocios-poster-plantilla-vector_676228-98.jpg");
background-size: contain; 
background-attachment: fixed;}
}

img {
  width: 100%;
  heaight: auto;
}
.back {
background: #FFD040;
margin-left: 10%;
margin-right: 10%;
  padding: 2%;
}
.bttn:hover{opacity .85}
}
nav {
text-align: center;
}  
.navbar {
display: flex;
list-style-type: none;
 margin: 0;
 padding: 0;
background-color: #FFD040;
justify-content: center;
border: 2px solid;
border-radius: 20px;
gap: 20px
}
.navbar li a{
 display: block;
 text-align: center;
 padding: 1% 2%;
 text-decoration: none;
font-family: izak;
color:#FF0000;
}
.navbar li a:hover {
 background-color:#A60000
}
.navbar li a:focus {
  outline: 1px solid ;
  inline-offset: 2px;
}