html {
   scroll-behavior: smooth;
   box-sizing: border-box
}

* {
   padding: 0px;
   margin: 0px;

   color: rgba(218, 215, 205);

   text-decoration: none;
   list-style: none;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

body {
   background-image: linear-gradient(to bottom, rgba(73, 73, 71, 0.85), rgba(73, 73, 71, 0.75), rgba(24, 255, 109, 0.582)), url("../img/7.jpg");
   background-size: cover;
   background-attachment: fixed;
   background-position-y: 100%;
}


.container {
   width: 100%;
   padding-left: 10px;
   padding-right: 10px;
   margin-left: auto;
   margin-right: auto;
   max-width: 1200px;
}

header {
   padding-top: 0.5%;
   padding-bottom: 0.5%;
   font-size: 20px;
   text-transform: uppercase;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   background: rgb(142, 208, 129);
   z-index: 999;
   box-shadow: 0px 2px 2px rgba(73, 73, 71);
}

header h1{
   color: rgba(73, 73, 71);
}

header .container {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

nav ul {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

nav li a {
   color: rgba(73, 73, 71);
   padding: 0px 10px;
}

nav li a:hover {
   color: rgba(24, 255, 109);
   border-bottom: 2px solid rgba(24, 255, 109);
}

.welcome{
   padding-top: 15%;
   text-align: center;
}

.welcome h1{
   font-size: 56px;
}

.welcome p{
   font-size: 20px;
}