*{margin: 0;
          padding: 0;    
          font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
          
          header
          {background-image:url(Images/hand-painted-watercolor-background-with-sky-clouds-shape.jpg);
          height: 100vh;
          background-size: cover;
          background-position : center;
          }
          
          ul
          {float: right;
          list-style-type: none;
          margin-top: 25px;
          }
          
          ul li{display: inline-block;}
          
          ul li a
          {text-decoration: none;
          color: rgb(12, 11, 11);
          padding: 5px 20px;
          border: 1px solid transparent;
          transition : 0.6 ease;}
          
          ul li a:hover{
          background-color: #b7bec0;
          color: rgb(17, 15, 15);
          }
          
          ul li.active a {background-color: #ffffff;
              color: #000;}
          
          .logo img {float: unset;
          width: 200px;
          height:200;
          }
          
          .main {max-width: 1200px;
          margin: auto;}
          
          .title{position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);}
          
          .title h1 {color: #000;;
          font-size: 70px;
          }
          
          .button {position:absolute;
              top: 63%;
              left: 50%;
              transform: translate(-50%, -50%);}
          
          .btn {border: 1px solid #000;
          padding: 10px 30px;
          color: #000;
          text-decoration: none;
          transition: 0.6 ease;
          }
          
          .btn:hover{
              background-color: #000;
              color: rgb(230, 222, 222);
          }