.modalContainer{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.6)}.modalBox{background-color:#fefefe;margin:auto;padding:.2em;border:2px solid #777;width:30%}.modalBox img{width:100%}.close{background-color:dodgerblue;border-radius:.4em;color:white;font-size:1em;font-weight:bold;margin:0 auto;padding:.4em .8em;text-align:center}.close .fas{margin-left:.4em}.close:hover,.close:focus{background-color:#970000;text-decoration:none;cursor:pointer}@media screen and (max-width:800px){.modalBox{width:90%}}