body,html{background-color:#F8F8F8;-webkit-font-smoothing:antialiased}@media (min-width: 920px){body,html{height:100%}}body{font-family:'Raleway', sans-serif;margin:0;font-display:swap}body p{text-align:center;margin:.1rem 0rem .1rem}@media (min-width: 920px){body p{letter-spacing:.5px}}h1,h2{text-align:center;color:#3cf9a5;font-weight:bold;font-family:'Montserrat', sans-serif;font-display:swap;margin:0}@media (min-width: 920px){.visible-xs{display:none}}.hidden-xs{display:none}@media (min-width: 920px){.hidden-xs{display:block}}@media (min-width: 920px){.side-margin{margin:0rem 10rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.add-shadow{text-shadow:0px 0px 3px rgba(0,0,0,0.4)}.white-text{color:white}.align-left{text-align:center}@media (min-width: 920px){.align-left{text-align:left}}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}nav{padding:1vw 0vw 0vw 3vw;background-color:#176587}@media (min-width: 920px){nav{display:grid;grid-template-columns:1.5fr 4fr}}nav .logo{height:80px}nav #collapseBtn{position:relative;background-color:#30D48B;border:0;padding:8px;border-radius:4px;float:right;margin:2rem 1.5rem}nav #collapseBtn .icon-bar{display:block;width:22px;height:2px;margin:4px;border-radius:1px;background-color:white}nav #collapseBtn:active,nav #collapseBtn:hover,nav #collapseBtn:focus{background-color:#22B573;outline:0}nav .navigation{display:none;padding:3vw 3.5vw 5vw 20vw;list-style-type:none;margin:0;overflow:hidden}@media (min-width: 920px){nav .navigation{display:block;padding:2.5vw 3.5vw}}nav .navigation li a{display:block;color:white;padding:.4rem;text-decoration:none;font-size:large}@media (min-width: 920px){nav .navigation li a{float:right;margin:0rem .5rem 0rem 0rem;padding:.4rem}}nav .navigation li a:hover{background-color:#30D48B;border-radius:10px;transition:background-color 0.5s ease-out}.header{position:relative;top:-2px;background-color:#176587;color:white;background-image:url(../images/banner-eye-dark-trans-offset.png);background-size:cover;padding:3rem 1rem 1rem}@media (min-width: 920px){.header{top:0px;height:40%;padding:3rem 4rem 12rem}}.header .header-container{display:grid}@media (min-width: 920px){.header .header-container{grid-template-areas:"description chat-demo";grid-template-columns:3fr 3fr}}.header .header-container .description{grid-area:"description";margin-right:0}.header .header-container .description h1{margin-bottom:1em}@media (min-width: 920px){.header .header-container .description h1{text-align:left;font-size:2.4rem}}@media (min-width: 920px){.header .header-container .description p{text-align:left}}.header .header-container .description code>div::before{color:#2685af;content:"$ "}.header .header-container .description code{margin:3rem auto;width:65%;background-color:#185570;border-color:#30D48B;border-style:solid;border-width:1px;border-radius:4px;font-size:1.2rem;display:table;padding:20px}.header .header-container .description code span.command{color:#30D48B}@media (min-width: 920px){.header .header-container .description code{margin:2rem 0rem 0rem 0rem;font-size:1.4rem}}.header .header-container .description .github-buttons{margin:2rem 0rem 3rem 0rem}@media (min-width: 920px){.header .header-container .description .github-buttons{text-align:left}}.header .header-container .chat-demo{grid-area:"chat-demo";background-color:white;color:black;height:313px;padding:0px;border:2px #b5b5b5 solid;margin-top:2rem;border-top-right-radius:5px;border-top-left-radius:5px;overflow-y:hidden}@media (min-width: 920px){.header .header-container .chat-demo{width:90%}}.header .header-container .chat-demo .window-ui{height:24px;width:100%;background-color:#b5b5b5;border-top-right-radius:3px;border-top-left-radius:3px}.header .header-container .chat-demo .window-ui .button{float:left;height:10px;width:10px;margin-top:6px;margin-left:6px;border-radius:8px}.header .header-container .chat-demo .window-ui .quit{background-color:#fa5f5c;border:1px solid #ed4a47}.header .header-container .chat-demo .window-ui .minimize{background-color:#fcbb42;border:1px solid #f0aa32}.header .header-container .chat-demo .window-ui .maximize{background-color:#36c94a;border:1px solid #28bd39}.header .header-container .chat-demo .message{padding:12px;border-bottom:1px #EEE solid}.header .header-container .chat-demo .message img.profile{width:30px;float:left;margin-right:10px;border-radius:3px}.header .header-container .chat-demo .message .name{margin:0;margin-bottom:5px;font-size:16px;font-weight:bold}.header .header-container .chat-demo .message .name small{color:#545454;font-size:10px}.header .header-container .chat-demo .message p{text-align:left;font-size:14px}.header .header-container .chat-demo .message:last-of-type{border:none}.header .header-container .chat-demo .message::before{width:50px;height:50px;background-image:url("../images/logo-dark.png")}.header .header-container .chat-demo .typing{font-size:12px;color:#545454;margin:10px}.header-bottom{top:-4px;position:relative;background-color:#176587;clip-path:polygon(0 0, 100% 0, 100% 5%, 0 100%);padding:1rem 1rem 8rem}@media (min-width: 920px){.header-bottom{padding:1rem 1rem 5rem}}.middle-layer{padding:1rem 1rem 3rem 1rem}@media (min-width: 920px){.middle-layer{padding:0}}.middle-layer .panel{background-color:white;border-radius:3px;box-shadow:4px 10px 10px rgba(0,0,0,0.05);position:relative;top:-8rem;margin-bottom:-4rem;margin-top:1rem;padding:1rem 2rem 2rem 2rem}@media (min-width: 920px){.middle-layer .panel{margin:0rem 15rem 0rem 10rem;padding:1rem 2rem 2rem 2rem}}.middle-layer .panel p{color:#545454}.middle-layer .panel h2{margin-block-start:0.83em;margin-block-end:0.83em;color:#333}.middle-layer .modules-intro{text-align:center;font-family:'Montserrat', sans-serif;font-size:1.4rem;position:sticky;z-index:2}@media (min-width: 920px){.middle-layer .modules-intro{margin:-2.5rem 0rem}}.middle-layer .modules-area{margin-top:4rem;display:grid;grid-template-areas:"connectors" "databases" "parsers" "skills";grid-gap:20px;z-index:2;position:sticky}@media (min-width: 920px){.middle-layer .modules-area{display:grid;grid-template-areas:"connectors databases parsers" "skills skills skills";padding:3rem 4rem 12rem}}.middle-layer .modules-area h2{color:#176587}.middle-layer .modules-area .connectors{grid-area:connectors}.middle-layer .modules-area .databases{grid-area:databases}.middle-layer .modules-area .parsers{grid-area:parsers}.middle-layer .modules-area .skills{grid-area:skills}.middle-layer .modules-area .modules{background-color:white;box-shadow:4px 10px 10px rgba(0,0,0,0.03);border-radius:3px;padding:2rem}.middle-layer .modules-area .modules p a,.middle-layer .modules-area .modules p a:active,.middle-layer .modules-area .modules p a:visited{font-size:medium;float:left;color:#333;background-color:#30d48b4a;box-shadow:-1px 1px 6px rgba(0,0,0,0.08);border:1px solid #30D48B;border-radius:6px;text-decoration:none;text-transform:capitalize;margin:8px 5px 0px 0px;padding:5px;transition:.7s ease-out}.middle-layer .modules-area .modules p a:hover{background-color:#22B573;color:white;transition:background-color 1s ease-out}.middle-layer .modules-area .modules h2 a{color:inherit;text-decoration:none}.middle-layer .modules-area .modules p{padding:1rem 0rem 0rem;color:#545454}.grey-background{clip-path:polygon(0 11%, 100% 6%, 100% 84%, 0 94%);background-color:#F1F1F1;width:100%;height:178%;position:absolute;top:89rem}@media (min-width: 920px){.grey-background{clip-path:polygon(0 14%, 100% 0%, 100% 84%, 0 100%);height:80%;top:66rem}}footer{position:relative}footer a,footer a:visited,footer a:active{color:white;text-decoration:none;transition:color 0.5s ease-out}footer a:hover{color:#d9f7ea;text-shadow:0px 0px 3px rgba(0,0,0,0.4);transition:color 0.5s ease-out}footer .top-footer{background-color:#176587;clip-path:polygon(0 18%, 100% 5%, 100% 100%, 0 100%);padding:9rem 4rem 6rem;display:flex;flex-direction:column;justify-content:space-evenly}@media (min-width: 920px){footer .top-footer{flex-direction:row}}footer .top-footer .blog-posts{padding:3rem 1rem}@media (min-width: 920px){footer .top-footer .blog-posts{padding:0rem 9rem 0rem 0rem}}footer .top-footer .blog-posts h1,footer .top-footer .blog-posts p,footer .top-footer .blog-posts .blog-post{text-align:center}@media (min-width: 920px){footer .top-footer .blog-posts h1,footer .top-footer .blog-posts p,footer .top-footer .blog-posts .blog-post{text-align:left}}footer .top-footer .blog-posts h1{padding:1rem 0rem}footer .top-footer .blog-posts .date{color:#87ffca;text-shadow:0px 0px 3px rgba(0,0,0,0.4);padding-top:.5rem;transition:color 0.5s ease-out}footer .top-footer .blog-posts .blog-post:hover .date{color:#87ffca;transition:color 0.5s ease-out}footer .top-footer .follow{padding:1rem}@media (min-width: 920px){footer .top-footer .follow{padding:0rem}}footer .top-footer .follow p{padding:.0rem .3rem .8rem}footer .top-footer .follow .social-icons{display:flex;justify-content:center;max-height:50px}@media (min-width: 920px){footer .top-footer .follow .social-icons{justify-content:start}}footer .top-footer .follow .social-icon{display:flex;color:white;background-color:#30D48B;padding:.5rem;border-radius:4px;margin-right:.5rem}footer .top-footer .follow .social-icon:hover{background-color:#22B573;transition:all .5s ease-in-out}footer .bottom-footer{display:grid;padding:1rem;margin-top:-2px;color:white;background-color:#185570;grid-template-columns:2fr;grid-template-areas:"navigation" "license"}@media (min-width: 920px){footer .bottom-footer{grid-template-areas:"navigation license" "navigation license";padding:2rem 1rem 2rem 4rem}}footer .bottom-footer .navigation-footer{grid-area:navigation;padding-bottom:2rem}@media (min-width: 920px){footer .bottom-footer .navigation-footer{padding-bottom:0rem}}footer .bottom-footer .navigation-footer a{margin:.5rem;line-height:2}@media (min-width: 920px){footer .bottom-footer .navigation-footer a{line-height:inherit;margin:0rem .5rem}}footer .bottom-footer .license{grid-area:license}.svg-inline--fa{width:30px}