@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

* { margin: 0; padding: 0; }
        
        body { 
            background: url('../images/webspresso-internetcommunicatie.webp') no-repeat center center fixed; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            font-family: "Roboto Condensed", sans-serif;
              font-optical-sizing: auto;
              font-weight: 500;
              font-style: normal;
              color: rgba(53, 53, 53, 0.9);
        }
        
        .for-sale-container {
            min-height: 200px;
            padding: 25px;
            background-color: rgba(255, 255, 255, 0.7);
        }

        h1 {
             font-family: "Big Shoulders Text", sans-serif;
              font-optical-sizing: auto;
              font-size: 2.5rem;
              font-weight: 400;
              font-style: normal;
              color: rgba(255, 255, 255, 1);
              text-shadow: 1px 1px 1px rgba(98,160,214,0.7);
              text-transform: uppercase;

        }

        .domain-wrapper {
            padding: 5px;
            color: rgba(98,160,214,1);
            font-size: 1.2rem;
            background-color: rgba(255,255,255,0.7);
            border: 1px solid rgba(98,160,214,1);
            border-radius: 25px;
        }

        a {
            color: rgba(53, 53, 53, 0.7);
        }

        a:hover {
            color: rgba(53, 53, 53, 0.5);
        }