body{background:linear-gradient(141deg,#ccc 25%,#eee 40%,#ddd 55%);color:#1d1d1f;font-family:Raleway,sans-serif}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}h1{font-size:4rem;font-family:Raleway,sans-serif;line-height:100px;color:#999}h2{color:#00688a;font-size:2.5rem;font-family:Raleway,sans-serif}h3{color:#00688a;font-size:1.75rem}li{list-style:none}a{color:#00688a;text-decoration:underline dotted}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rainbow p{padding:0;margin:0;font-size:4rem;font-weight:700;text-align:center;color:#00688a}.rainbow{position:relative;z-index:0;width:550px;height:100px;border-radius:4px;overflow:hidden;padding:.7rem;margin-left:auto;margin-right:auto}.rainbow::before{content:'';position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:-webkit-gradient(linear,left top,left bottom,from(#777),to(#999)),-webkit-gradient(linear,left top,left bottom,from(#777),to(#999)),-webkit-gradient(linear,left top,left bottom,from(#777),to(#999)),-webkit-gradient(linear,left top,left bottom,from(#777),to(#999));background-image:linear-gradient(#777,#999),linear-gradient(#777,#999),linear-gradient(#777,#999),linear-gradient(#777,#999);-webkit-animation:rotate 7s linear infinite;animation:rotate 7s linear infinite}.rainbow::after{content:'';position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:#fff;border-radius:4px}@media (max-width:600px){.rainbow{width:300px}.rainbow p{padding:10px;font-size:3rem}h1{padding-top:80px;font-size:3rem;line-height:50px}}.draw-border{color:#777}.draw-border:hover{color:#00688a}.draw-border:hover::before{-webkit-transition-delay:0s,0s,.25s;transition-delay:0s,0s,.25s}.draw-border:hover::after{-webkit-transition-delay:0s,.25s,0s;transition-delay:0s,.25s,0s}.btn{border-radius:4px;margin:11px;background:0 0;border:none;cursor:pointer;line-height:1.5;font:700 1.2rem Raleway,sans-serif;padding:1em 2em;letter-spacing:.05rem;text-transform:uppercase}.btn-check:focus+.btn,.btn:focus{box-shadow:none}.top{background-color:#00688a;position:fixed;margin:0;padding:5px;color:#1d1d1d;font-size:1.5rem;width:100%;top:0;z-index:3}.code{color:#292929;font-size:1.2rem;margin:0 auto;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.24);box-shadow:0 2px 10px rgba(0,0,0,.24);border:2px solid rgba(7,7,7,.12);width:800px;border-bottom:8px solid #999;height:300px;opacity:.8}.theme{margin-left:auto;margin-right:auto;background-color:#292929;border-radius:4px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.24);box-shadow:0 2px 10px rgba(0,0,0,.24);border:2px solid rgba(7,7,7,.12);width:800px;border-bottom:30px solid #00688a;height:600px}.theme:hover{-webkit-transition:ease-in-out 1s;transition:ease-in-out 1s;-webkit-box-shadow:0 2px 10px #00688a;box-shadow:0 2px 10px #00688a}.code:hover{-webkit-transition:ease-in-out 1s;transition:ease-in-out 1s;-webkit-box-shadow:0 2px 10px #00688a;box-shadow:0 2px 10px #00688a}footer{background-color:#000;width:100%;padding:10px;bottom:0;color:#fff}.row p{font-size:1.5rem;margin:50px}.theme{width:500px}.code{width:300px;padding:0 0 0 24px;text-align:left}@media (max-width:1000px){.column{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;max-width:100%}.code{width:350px}.theme{width:350px}.row p{font-size:1rem;margin:20px}.top{font-size:1rem}}.password-display{color:#1d1d1f}button,input,optgroup,select,textarea{background-color:transparent;border:none;border-radius:4px;font-size:32px;height:48px;width:450px}@media (max-width:600px){button,input,optgroup,select,textarea{width:auto}}#twitter svg{fill:#1da1f2}