body {
        background-image: url(assets/mahogany-1920-x-1080-wallpaper-4x9uammyqhq0dlx8.jpeg);
        background-position: top;
        text-align: center;
    }

    p {

        color: white;

    }

 

    h1 {
        
        font-size: 22pt;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        color: rgba(255, 255, 255, 0.732);
        margin-bottom: auto;
        margin-top: 290px;
        margin-left: 35px;
        margin-right: 35px;
        text-align: center;
        background-color: transparent;
        text-shadow: black 2px 3px 5px;


    }

    h2{
        margin: 25px;
        font-size: 9pt;
        color: grey;


    }

    @media only screen and (max-width: 600px) {
        h1 {
          margin-top: 50px;
        }

        body {

            margin-top: 60px;


        }


      }


    button {

        color: rgba(0, 0, 0, 0.951);
        background-color: rgba(255, 0, 0, 0);
        padding: 25px;
        font-size: 12pt;
        background-image: url(assets/whitebutton-01.png);
        background-position: center;
        border: none;
        background-repeat: no-repeat;
        cursor:pointer;
        
    }

 

    input {

        background-color: rgba(142, 142, 31, 0);
        border: none;
        color: rgb(50, 167, 0);
        padding: 25px;
        text-align: center;
        font-size: 18pt;
        padding-bottom: 30px;
        background-image: url(assets/inputbox-01.png);
        background-position: center;
        background-repeat: no-repeat;
        outline: none;


    }



    #tvcontainer {
        background: url('assets/videomonitor-01.png') ;
        width: 100%; /* Adjust TV image width */
        height: 100%; /* Adjust TV image height */
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center;        
        background-size: 100%;
        max-width: 1000px;
        
    }

    #tvcontainer video {
        max-width: 85.8%;
        margin-top: 15.5%;
        position: relative;
        margin-bottom: 15.2%;
        border-radius: 2.2%;
    }

    #entersection {
        
        margin: auto;
       
    }

   #textplate {
    
    border: none;
    max-width: 1000px;

   }


   #gridlayout {
    display:flex;
    max-width: 85%;

   }


   #griditem {

        max-width: 100%;
        margin: auto;
        
   }


   a:hover{
        mix-blend-mode: luminosity;
        transition: 2s;
        


   }



   #monitors {

    margin-top: 100px;
    margin-bottom: 45px;

   }