body {
    /*   background: #00091B; */
      color: #fff;
      
      background-image: url('https://res.cloudinary.com/dulh71yuu/image/upload/v1673304394/Colbert/pexels-antoni-shkraba-production-8837531_xrt8ym.jpg');
    background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height:95vh;
    }
    
    #logo {
        background-image: url('https://res.cloudinary.com/dulh71yuu/image/upload/v1673311303/Colbert/cbc_scfhyg.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 280px; /* Initial width of the logo */
        height: 80px; /* Initial height of the logo */
    }
    
    
    
    @keyframes fadeIn {
      from {top: 20%; opacity: 0;}
      to {top: 100; opacity: 1;}
      
    }
    
    @-webkit-keyframes fadeIn {
      from {top: 20%; opacity: 0;}
      to {top: 100; opacity: 1;}
      
    }
    
    .wrapper {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      animation: fadeIn 1000ms ease;
      -webkit-animation: fadeIn 1000ms ease;
      
    }
    
    h1 {
      font-size: 50px;
      font-family: 'Poppins', sans-serif;
      margin-bottom: 0;
      line-height: 1;
      font-weight: 700;
    }
    
    .dot {
      color: #2E2EFF;
    }
    
    p {
      text-align: center;
      margin: 18px;
      font-family: 'Muli', sans-serif;
      font-weight: normal;
      
    }
    
    .icons {
      text-align: center;
      
    }
    
    .icons i {
      color: #2E2EFF;
      background: #fff;
      height: 15px;
      width: 15px;
      padding: 13px;
      margin: 0 10px;
      border-radius: 50px;
      border: 2px solid #fff;
      transition: all 200ms ease;
      text-decoration: none;
      position: relative;
    }
    
    .icons i:hover, .icons i:active {
      color: #fff;
      background: none;
      cursor: pointer !important;
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      text-decoration: none;
      
    }
    
    @media (max-width: 280px) {
        #logo {
            width: 200px; /* New width of the logo on smaller screens */
            height: 68px; /* New height of the logo on smaller screens */
        }
    }