@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);body{margin:0;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;background-color:#090d17}h1{font-size:1.8rem;padding:0 0 10px}h2{font-size:1.3rem}h3{font-size:1.15rem;font-weight:300}.code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}pre{color:green}a{text-decoration:underline}p{font-family:"Poppins",sans-serif;font-size:1.1em;font-weight:300;line-height:1.7em}a,a:focus,a:hover{color:inherit;text-decoration:none;transition:all .3s}i,span{display:inline-block}.navbar{padding:15px 10px;background:#fff;border:none;border-radius:0;margin-bottom:40px;box-shadow:1px 1px 3px rgba(0,0,0,.1)}.navbar-btn{box-shadow:none;outline:none!important;border:none}.line{width:100%;height:1px;border-bottom:1px dashed #ddd;margin:40px 0}.svg-inline--fa{margin-right:4px}a[data-toggle=collapse]{position:relative}.dropdown-toggle:after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}ul ul a{font-size:.9em!important;padding-left:50px!important}ul.CTAs{padding:20px}ul.CTAs a{text-align:center;font-size:.9em!important;display:block;border-radius:5px;margin-bottom:5px}a.download{background:#fff;color:#7386d5}a.article,a.article:hover{background:#6d7fcc!important;color:#fff!important}a,a:hover{text-decoration:underline}a:hover{color:#fff}.svg-inline--fa{margin-left:10px}.btn{padding:4px 8px}.info{font-size:.9em;color:#aaa}textarea{width:100%;white-space:nowrap;font-size:.75rem;font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;padding:10px;border:405d9f;color:#fff;background-color:#090d17}div button:not(:first-of-type){margin-left:15px}#content{width:100%;padding:25px;min-height:100vh;transition:all .3s}header i{font-size:1.25rem;padding:0 10px 10px 0}.Footer{padding:10px;margin:20px 0;background-color:#5981dd;color:#000}.Footer,.HomePage{width:100%}.HomePage #logo{margin-bottom:30px}.HomePage .output{padding:20px 5px 0}.HomePage .guids{font-size:1.25rem}.HomePage .m-fadeOut{visibility:hidden;opacity:0;transition:visibility 0s linear 2s,opacity 2s;padding-left:5px}.HomePage .m-fadeIn{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity 2s;padding-left:5px}.input{margin:20px 0;width:100%}.output{margin-bottom:10px}textarea{height:20vh}.EncodingPage input[type=radio]{margin:0 5px 0 0}.EncodingPage label{margin-right:10px}.buttons{margin-bottom:20px}.CryptoPage input[type=radio]{margin:0 5px 0 0}.CryptoPage label{margin-right:10px}.App{color:#fff;display:flex;align-items:stretch}#sidebar h3{font-size:1.2rem}#sidebar{min-width:250px;max-width:250px;background:#1c2844;color:#fff;transition:all .3s;font-size:.7rem}#sidebar.active{min-width:80px;max-width:80px;text-align:center}#sidebar.active .CTAs,#sidebar.active .sidebar-header h3{display:none}#sidebar.active .sidebar-header strong{display:block}#sidebar ul li a{text-align:left}#sidebar.active ul li a{padding:20px 10px;text-align:center;font-size:.85em}#sidebar.active ul ul a{padding:40px!important}#sidebar.active .dropdown-toggle:after{top:auto;bottom:10px;right:50%;transform:translateX(50%)}#sidebar .sidebar-header{padding:20px}#sidebar .sidebar-footer{padding:15px}#sidebar .sidebar-header strong{display:none;font-size:1.8em}#sidebar ul.components{padding:10px 5px}#sidebar ul li a{padding:5px 0 5px 5px;font-size:.9rem;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li a i{margin-left:5px;margin-right:10px}.closeBtn{display:none;padding:10px 30px 0 15px;font-size:1.25rem}.logo{margin:15px 0 0;font-weight:200;color:#007bff}a.logo{text-decoration:none}.logo div{font-size:1.25rem;padding:0 20px;color:#e83e8c}hr{border-top:1px solid grey;border-bottom:none;margin:15px 40px}@keyframes menuOn{0%{opacity:0}}header{vertical-align:middle}.title{padding-bottom:10px}.three-bars{display:none;padding-right:5px}@media (max-width:768px){#sidebar{display:none;position:absolute;height:100%}#sidebar.on{animation-name:menuOn;animation-duration:.5s}#sidebar.on,.closeBtn{display:block}.three-bars{display:inline}}.LogoComp{text-align:center}.LogoComp #logo{width:50%}.LogoComp path{stroke:#fff;fill-opacity:25%;stroke-linecap:round;stroke-linejoin:round;animation:move 1.5s linear;animation-fill-mode:forwards}.LogoComp .top{stroke-width:4px}.LogoComp .mid{stroke-width:2px;stroke-opacity:100%}.LogoComp .bottom{stroke-width:1px;stroke-opacity:33%}@keyframes move{to{stroke-dashoffset:0}}.LoremPage .lorem{margin:25px 0}.LoremPage button,.LoremPage input{margin-right:10px}.LoremPage input[type=number]{width:4rem}.LoremPage input[type=radio]{margin:0 5px 0 0}.LoremPage label{margin-right:10px}
/*# sourceMappingURL=main.b0cd5873.chunk.css.map */