@import url(https://fonts.googleapis.com/css?family=Muli&display=swap);*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#40bfc1;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Muli,sans-serif;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;min-height:100vh}p{margin:5px 0}h2{margin:10px 0 20px;text-align:center}input[type=checkbox]{margin-right:0}.container{background-color:#048998;-webkit-box-shadow:0 2px 10px hsla(0,0%,100%,.2);box-shadow:0 2px 10px hsla(0,0%,100%,.2);padding:20px;width:350px;max-width:100%}.result-container{background-color:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:18px;letter-spacing:1px;padding:12px 10px;height:50px;width:100%}.result-container #result{word-wrap:break-word;max-width:calc(100% - 40px)}.result-container .btn{font-size:20px;position:absolute;top:5px;right:5px;height:40px;width:40px}.btn{border:none;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;background-color:#f88020}.btn-large{display:block;width:100%}.setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:15px 0}@media screen and (max-width:400px){.result-container{font-size:14px}}.social-panel-container{position:fixed;right:0;bottom:80px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.social-panel-container.visible{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.social-panel{background-color:#fff;border-radius:16px;-webkit-box-shadow:0 16px 31px -17px rgba(0,31,97,.6);box-shadow:0 16px 31px -17px rgba(0,31,97,.6);border:5px solid #00818a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Muli;position:relative;height:169px;width:370px;max-width:calc(100% - 10px)}.social-panel button.close-btn{border:0;color:#97a5ce;cursor:pointer;font-size:20px;position:absolute;top:5px;right:5px}.social-panel button.close-btn:focus{outline:none}.social-panel p{background-color:#00818a;border-radius:0 0 10px 10px;color:#fff;font-size:14px;line-height:18px;padding:2px 17px 6px;position:absolute;top:0;left:50%;margin:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;width:235px}.social-panel p i{margin:0 5px}.social-panel p a{color:#ff7500;text-decoration:none}.social-panel h4{margin:20px 0;color:#97a5ce;font-family:Muli;font-size:14px;line-height:18px;text-transform:uppercase}.social-panel ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;padding:0;margin:0}.social-panel ul li{margin:0 10px}.social-panel ul li a{border:1px solid #dce1f2;border-radius:50%;color:#001f61;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:50px;text-decoration:none}.social-panel ul li a:hover{border-color:#ff6a00;-webkit-box-shadow:0 9px 12px -9px #ff6a00;box-shadow:0 9px 12px -9px #ff6a00}.floating-btn{border-radius:26.5px;background-color:#001f61;border:1px solid #001f61;-webkit-box-shadow:0 16px 22px -17px #03153b;box-shadow:0 16px 22px -17px #03153b;color:#fff;cursor:pointer;font-size:16px;line-height:20px;padding:12px 20px;position:fixed;bottom:20px;right:20px;z-index:999}.floating-btn:hover{background-color:#fff;color:#001f61}.floating-btn:focus{outline:none}.floating-text{background-color:#0a516d;border-radius:10px 10px 0 0;color:#fff;font-family:Muli;padding:7px 15px;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;z-index:998}.floating-text a{color:#ff7500;text-decoration:none}@media screen and (max-width:480px){.social-panel-container.visible{-webkit-transform:translateX(0);transform:translateX(0)}.floating-btn{right:10px}}