*{box-sizing:border-box}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;opacity:.88;font-family:helvetica}.modal-content{background-color:#f5f5f5;margin:5% auto 15% auto;border:1px solid #888;width:575px}.container{padding:16px;text-align:center;color:#5c5c5c;font-size:18px}.container h1{margin:16px}.container p{margin:16px}.clearfix::after{content:"";clear:both;display:table}button{background-color:#4caf50;color:#fff;padding:14px 20px;border:none;cursor:pointer;width:100%;opacity:.9;font-size:24px;text-transform:uppercase}button:hover{opacity:1}.enterbtn,.exitbtn{float:left;width:50%}.exitbtn{background-color:#2b2642}.enterbtn{background-color:#4caf50}.closebtn{position:absolute;right:35px;top:15px;font-size:40px;font-weight:700;color:#f5f5f5}.closebtn:focus,.closebtn:hover{color:#f44336;cursor:pointer}hr{border:1px solid #f1f1f1;margin-bottom:25px}@media screen and (max-width:414px){.modal-content{width:100%}.enterbtn,.exitbtn{width:100%}}