#modal-btn{display:block;margin:auto;margin-top:50px}#modal-overlay{position:fixed;top:0;left:0;z-index:2000;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none}.floating-label{position:absolute;top:1rem;right:1rem;z-index:1000;opacity:.5;background-color:#fff;padding:5px 10px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer}@media screen and (orientation:portrait){#modal-box{position:fixed;left:0;top:15%;width:100%;height:70%;transform:none;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.5)}}@media screen and (orientation:landscape){#modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.5)}}#close-btn{display:block;margin:auto;margin-top:10px}