#backdrop {
    position: fixed;
    display: none;
    float: none;
    background-color: black;
    height: 45vh;
    width: 35vw;
    left: 0%;
    top: 17%;
    z-index: 200;
    }
    
    #Shield{
        position: fixed;
        background-image: url('../../images/shieldnew.png'); 
        background-color: rgba(192, 17, 17, 0);
        border: none;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 17%;
        width: 30%;
        top: 0%;
        left: 0%;
        z-index: 203;
      }
    
      #link1 {
        position: absolute;
        height: 14%;
        width: 97%;
        left: 0%;
        top: 0%;
        z-index: 207;
        font-size: xx-large;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 6vh;
        border: solid 3px white;
        z-index: 204;
      }
    
      #link2 {
        position: absolute;
        height: 14%;
        width: 97%;
        left: 0%;
        top: 14%;
        z-index: 202;
        font-size: xx-large;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 6vh;
        border: solid 3px white;
        z-index: 204;
    }
    
    #link3 {
        position: absolute;
        height: 14%;
        width: 97%;
        left: 0%;
        top: 28%;
        z-index: 202;
        font-size: xx-large;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 6vh;
        border: solid 3px white;
        z-index: 204;
    }
    
    #link4 {
        position: absolute;
        height: 14%;
        width: 97%;
        left: 0%;
        top: 42%;
        z-index: 202;
        font-size: xx-large;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 6vh;
        border: solid 3px white;
        z-index: 204;
    }
    
    #link5 {
        position: absolute;
        height: 14%;
        width: 97%;
        left: 0%;
        top: 56%;
        z-index: 202;
        font-size: xx-large;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 6vh;
        border: solid 3px white;
        z-index: 204;
    }
    
    #link6 {
        position: absolute;
        height: 14%;
        width: 97%;
        left: 0%;
        top: 70%;
        z-index: 202;
        font-size: xx-large;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 6vh;
        border: solid 3px white;
        z-index: 204;
    }
    #link7 {
        position: absolute;
        height: 14%;
        width: 97%;
        left: 0%;
        top: 84%;
        z-index: 202;
        font-size: xx-large;
        color: rgb(255, 255, 255);
        text-align: center;
        line-height: 6vh;
        border: solid 3px white;
        z-index: 204;
    }
    
      #media1 {
        position: absolute;
        background-image: url('../../images/media1.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 16%;
        width: 50%;
        top: 100%;
        left: 0%;
        z-index: 203;
      }
    
      #media2 {
        position: absolute;
        background-image: url('../../images/media2.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 16%;
        width: 50%;
        top: 100%;
        left: 50%;
        z-index: 203
      }