#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body,html{height:100%;margin:0}.modal{width:500px;padding:20px;margin:100px auto;background:#fff;border-radius:10px}.backdrop{top:0;position:fixed;background:rgba(0,0,0,.5);width:100%;height:100%}.modal h4{color:#03cfb4;border:none;padding:0}.modal p{font-style:normal;color:#000;font-size:20px}.center{width:20%;margin:auto}button{width:100%;padding:5px}.bgimg{width:100%;height:100%;background-position:50%;background-size:cover;position:relative;color:#fff;font-family:Courier New,Courier,monospace;font-size:25px}.topleft{top:0}.bottomleft,.topleft{position:absolute;left:16px}.bottomleft{bottom:0}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.redirectURLs{position:absolute;width:35%;top:150px;left:16px;text-align:left;font-size:20px}hr{margin:10px auto;width:90%}h4{color:#000}.error{color:red}ul{margin:auto;list-style-type:none}li{color:#000}