body {
    background-color: whitesmoke;
    /*background-image: url("../images/bg.svg");*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

h2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

::selection {
    background: khaki; /* WebKit/Blink Browsers */
  }
  ::-moz-selection {
    background: khaki; /* Gecko Browsers */
  }

a {
    color: black;
    text-decoration: none;
}


.splash-vid {
    vertical-align: middle;
    object-position:center;
    width: 100%;

}

    .tt_bg {
        background-image: url("../images/Trent_Tisha.png");
        background-color: crimson;
        background-size: 100%;
        background-position-y: bottom;
    }

    .ue_bg {
        background-image: url("../images/unrealengine.jpg");
        background-color: violet;
        background-size: 100%;
        background-position-y: bottom;
    }
    
    .sol_bg {
        background-image: url("../images/solana.jpg");
        background-color: violet;
        background-size: 100%;
        background-position-y: center;
    }

    .ellis_bg {
        background-image: url("../images/Ellis_Island_0_2_0_thumb.jpg");
        background-color: turquoise;
        background-size: 100%;
        background-position-y: center;
    }
    
    .zwei_bg {
        background-image: url("../images/Zwei_Island_0_2_0_thumb.jpg");
        background-color: turquoise;
        background-size: 100%;
        background-position-y: center;
    }

    .ph1_bg {
        background-image: url("https://images.unsplash.com/photo-1596757273507-963901ba2df9");
        background-color: greenyellow;
        background-size: 100%;
        background-position-y: center;
    }

    .ph2_bg {
        background-image: url("https://images.unsplash.com/photo-1618270707842-748e8faafa3c");
        background-color: pink;
        background-size: 100%;
        background-position-y: center;
    }



    .fb2_bg {
        background-image: url("https://images.unsplash.com/photo-1524178232363-1fb2b075b655");
        background-color: lightgoldenrodyellow;
        background-size: 100%;
        background-position-y: center;
    }

    .fb3_bg {
        background-image: url("https://images.unsplash.com/photo-1564846824172-dee7b0a26785");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }

    .fb4_bg {
        background-image: url("https://images.unsplash.com/photo-1535191595495-d3222b2eda44");
        background-color: sandybrown;
        background-size: 100%;
        background-position-y: center;
    }

    .fb5_bg {
        background-image: url("https://images.unsplash.com/photo-1602237192870-9bee73ab16a3");
        background-color:yellowgreen;
        background-size: 100%;
        background-position-y: center;
    }

    .fb6_bg {
        background-image: url("https://images.unsplash.com/photo-1472745433479-4556f22e32c2");
        background-color: sandybrown;
        background-size: 100%;
        background-position-y: center;
    }

    .b1_bg {
        background-image: url("../images/b01/clubhouse.jpg");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }

    .b1nft1_bg {
        background-image: url("../images/b01/1.jpg");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }

    .b1nft2_bg {
        background-image: url("../images/b01/2.jpg");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }

    .b1nft3_bg {
        background-image: url("https://www.arweave.net/9UoQZ7zIaS4hb3Z_v4EgL5GYz_C4Ee9d55-FJIO-C_o?ext=PNG");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }

    .b1nft4_bg {
        background-image: url("https://www.arweave.net/HNY8Yz6uAutc4CE1tAIEgL5gLMwefUo54DTnLN7U-T4?ext=PNG");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }
   
    .b1nft5_bg {
        background-image: url("https://www.arweave.net/OYPLbnYr6r35QDlY3J_fv81xLlK4DSSAa26Pc9GPHsI?ext=PNG");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    } 

    .b1nft6_bg {
        background-image: url("https://www.arweave.net/cO6GdLwdkXEmpB7jpzRySjLjfr7iURy1Nz1gjPYftiU?ext=PNG");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }
 
    .b1nft7_bg {
        background-image: url("https://www.arweave.net/9W1Qnq1qosEuGO_O7LPFXMrN_clQNYRLTSGofT46JE0?ext=PNG");
        background-color: lightskyblue;
        background-size: 100%;
        background-position-y: center;
    }

    .video-container{
        width: 100%;
        height: 56.25%;
      }
          
    .iframe-10min {
        position: relative;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 235.59px;
        transform: translate(-50%, -0%);
    }
    
    .high {
        background-color: crimson;
        line-height: 2.5;
    }
    .medium {
        background-color: darksalmon;
        line-height: 2.5;
    }
    .low {
        background-color: royalblue;
        line-height: 2.5;
    }
    .in-dev {
        background-color: mediumspringgreen;
        color: black;
        line-height: 2.5;
    }

    .youtube-player {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        margin: 5px;
      }
     
      .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
      }
     
      .youtube-player img {
        object-fit: cover;
        display: block;
        left: 0;
        bottom: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: 0.4s all;
        -moz-transition: 0.4s all;
        transition: 0.4s all;
      }
     
      .youtube-player img:hover {
        -webkit-filter: brightness(75%);
      }
     
      .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url('https://i.imgur.com/TxzC70f.png') no-repeat;
        cursor: pointer;
      }