/*colors:
          white: #FFFFFF
          tan: #E0D1C4
          yellow: #FF9C07
          pink/orange: #FA3263
          red: #C00053
          purple: ##661571
          lilac: #E7C9DD
          blue: #3D5DBB
          light blue: #00A3E0
         */
        
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
          font-family: 'poppins', serif;
          scroll-behavior: smooth;
        }
        
        body {
          margin: 0;
          min-height: 100vh;
          overflow-x: hidden;
          width: 100%;
          padding-top: 90px;
        }

        .topnav ul {
          list-style-type: none;
          margin: 0;
          padding: 10px;
          overflow: hidden;
        }
         
        .topnav { 
          background-color: black;
          position: fixed;
          top: 0;
          width: 100%;
          z-index: 1000;
          font-size: 18px;
        }
        
        .topnav li {
          float: left;
        }

        .topnav li a {
          display: block;
          color: white;
          text-align: center;
          padding: 24px 24px;
          text-decoration: none;
        }

        .topnav li a:hover:not(.active) {
          color: #FF9C07;
        }

        .topnav .active {
          color: #FA3263;
        }

        /* Change the link color on hover */
          .topnav li a:hover {
            color: #F5C645;
        }
        
        
        
        
        
        
        
        #title {
          position: relative;
          width: 100vw;
          height: 40vh;
          padding: 100px;
          justify-content: center;
          align-items: center;
          display: flex;
          overflow: hidden;
          background-size:cover;
          background-image: url("https://static.vecteezy.com/system/resources/previews/017/775/661/non_2x/retro-color-wave-curves-rainbow-wallpaper-vector.jpg");
        }
        
        #title img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 40%;
          object-fit: cover;
          pointer-events: none;
        }
        
        #titletext {
          font-family: 'bebas neue';
          position: absolute;
          color: black;
          text-align: center;
          white-space: nowrap;
          z-index: 9;
          top: 190px;
          background-color: white;
          font-size: 7.5vw; 
          font-weight: bold;
          margin: 0 auto;
          padding: 10px 20px 5px 20px;
          mix-blend-mode: screen;
          border-radius: 15px;
        }