#result{font-size:24px}#demo1{font-size:20px;margin-top:10px}.geeks{background-color:#fcb900;color:#fff;padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:16px}.geeks:hover,.geeks:focus{background-color:#d8a51b}.popup-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border:2px solid #ccc;z-index:9999}@media screen and (max-width:600px){.popup-container{width:80%;max-width:300px}}