@import url("https://fonts.googleapis.com/icon?family=Raleway:200,400,700|Poppins|Montserrat:300,400,700|Open+Sans:400,500,700|Space+Mono");@keyframes pulsed{from{opacity:1}94%{opacity:1}95%{opacity:0;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1)}96%{opacity:1;-webkit-transform:scale3d(2, 1, 1);transform:scale3d(2, 1, 1);-moz-transform:scale3d(2, 1, 1)}97%{opacity:0;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1)}98%{opacity:1}99%{opacity:0}to{opacity:1}}@keyframes arrow{to{transform:translateX(50%)}}@font-face{font-family:'Kingthings Trypewriter';src:local(Kingthings Trypewriter),url("../fonts/kingthings-trypewriter/Kingthings-Trypewriter-2.ttf") format("truetype")}html{background-color:#fafafa;overflow-x:hidden}.page-footer .title{font-family:Raleway, Helvetica, Arial, sans-serif}.nocolor{color:inherit !important}.navbar{box-shadow:none !important}.navbar i{color:black !important}.navbar .indicator{background-color:black !important}.navbar .tabs{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.navbar .tabs .tab a{font-family:Space Mono, monospace;letter-spacing:4px;font-size:16px;text-overflow:ellipsis;overflow:hidden;color:grey !important}.navbar .tabs .tab a.active{color:black !important}#home{margin:0}#home section{padding:5%;clear:both}#home section:nth-child(odd){background-color:fff}#home section:nth-child(even){background-color:#eee}#home section .container .title{position:relative;text-transform:lowercase;font-family:Raleway, Arial, Helvetica, sans-serif;font-weight:800;font-size:3.2rem;color:#2A3A3F;display:block;margin:0}#home section .container .title:after{position:absolute;bottom:0;left:12.5%;content:"";height:2px;width:75%;opacity:0.4;background-color:#757575}#home section .container .sub-title{font-size:1.5rem;color:#2A3A3F;font-family:Raleway, Arial, Helvetica, sans-serif}#home #welcome .container{display:flex;flex-direction:row;justify-content:center;align-items:center}#home #welcome .container .owner-picture{flex:1.25;margin-right:-50px;display:inline-block;vertical-align:top;text-align:right;position:relative}#home #welcome .container .owner-picture .glitch-container{margin:0px}#home #welcome .container .owner-picture .glitch-container img{width:100%;height:100%}#home #welcome .owner-content{flex:2;display:inline-block}#home #welcome .owner-content .owner-title{font-family:Montserrat, sans-serif;text-align:right !important;font-size:72px;font-weight:700}#home #welcome .owner-content .owner-details{margin-left:40%;margin-top:10%;text-align:right !important}#home #welcome .owner-content .owner-details .owner-subtitle{font-family:Poppins, Arial, Helvetica, sans-serif;font-weight:500;font-style:normal;font-size:1rem;text-transform:uppercase;font-variant:small-caps;letter-spacing:.45rem;line-height:2.0;cursor:pointer}#home #welcome .owner-content .owner-details .owner-subtitle:after{content:'';display:block;width:100%;height:2px;margin-top:25px;margin-bottom:25px;background:teal;opacity:.2}#home #welcome .owner-content .owner-details .owner-quote{font-family:'Kingthings Trypewriter', serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;text-overflow:ellipsis;overflow:hidden;font-size:2vw;font-style:normal;max-height:20%}#skills .container .line-component{position:relative}#skills .container .line-component:nth-child(even) .card{margin-left:calc(50% + 50px)}#skills .container .line-component:nth-child(odd) .card{margin-left:0}#skills .container .line-component:before,#skills .container .line-component:after{display:block;content:"";width:2px;height:calc(50% - 30px);position:absolute;background:#d2d2d2;left:calc(50% - 1px);top:0}#skills .container .line-component:after{height:calc(50% - 15px);position:absolute;top:calc(50% + 30px)}#skills .container .line-component:first-of-type::before,#skills .container .line-component:last-child::after{display:none !important}#skills .container .line-component .card{text-align:center;font-family:'Poppins', sans-serif;font-weight:300;position:relative;width:calc(50% - 50px);color:#757575}#skills .container .line-component .card .card-title{font-size:24px !important;text-transform:lowercase;color:#2A3A3F;font-weight:500}#skills .container .line-component .card .card-content{padding:10%;font-size:16px;line-height:1.8}#skills .container .line-component .badge{display:block;position:absolute;width:40px;height:40px;background:#d2d2d2;top:calc(50% - 20px);right:calc(50% - 20px);border-radius:50%;text-align:center;cursor:default;animation:all 0.3s ease}#skills .container .line-component .badge:hover{transition:scale3d(1.2, 1.2, 1)}#skills .container .line-component .badge i{font-size:25px;line-height:40px}#works .container .row{position:relative;display:flex;justify-content:center;flex-wrap:wrap}#works .container .card{flex:0 1 48%;display:flex;flex-direction:column;justify-content:flex-end;margin:1%}#works .container .card .card-image{cursor:pointer}#contact-form .container .row{position:relative}#contact-form .container .form-preloader{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fafafa;z-index:2}#contact-form .container .g-recaptcha div{margin:0 auto}#blog{margin-bottom:0}#blog .blog-title{background-color:#673ab7;padding-top:5%;padding-left:5%;padding-right:5%;padding-bottom:2%;font-family:Raleway, sans-serif}#blog .blog-title .title{font-weight:400;color:white}#blog .blog-title .description{font-weight:200;color:#D7C9FC}#blog .blog-content ul.blog-list{margin:0;padding:0}#blog .blog-content ul.blog-list .collapsible-header{display:flex;padding-left:15%;padding-right:15%;padding-top:1%;padding-bottom:1%;font-family:'Open Sans', sans-serif}#blog .blog-content ul.blog-list .collapsible-header h5{display:inline-block;font-size:1.5rem;font-weight:500}#blog .blog-content ul.blog-list .collapsible-header .tags{flex:1 0 auto;margin:.82rem 0 .656rem 0;white-space:nowrap;height:fit-content;overflow:hidden;display:inline-block}#blog .blog-content ul.blog-list .collapsible-header .tags .chip{margin-bottom:0}#blog .blog-content ul.blog-list .collapsible-body{padding-left:15%;padding-right:15%;font-family:Georgia, Cambria, 'Times New Roman', Times, serif;font-size:21px;font-weight:normal;font-style:normal}#blog .blog-content ul.blog-list .collapsible-body iframe{width:100%}#blog .blog-content ul.blog-list .collapsible-body ul,#blog .blog-content ul.blog-list .collapsible-body ol{width:80%;margin:auto}#blog .blog-content ul.blog-list .collapsible-body ul li,#blog .blog-content ul.blog-list .collapsible-body ol li{list-style-type:disc}#blog .blog-content ul.blog-list .collapsible-body video,#blog .blog-content ul.blog-list .collapsible-body audio{width:100%;padding:10px}#blog .blog-content ul.blog-list .collapsible-body hr{width:75%;opacity:.5;margin:auto}#blog .blog-content ul.blog-list .collapsible-body a{display:inline-block;position:relative;color:#8BC34A !important;text-decoration:none !important}#blog .blog-content ul.blog-list .collapsible-body a:before{content:'';display:block;position:absolute;left:0;bottom:0;height:2px;width:0;transition:width 0s ease, background .5s ease}#blog .blog-content ul.blog-list .collapsible-body a:after{content:'';display:block;position:absolute;right:0;bottom:0;height:2px;width:0;background:#8BC34A;transition:width .5s ease}#blog .blog-content ul.blog-list .collapsible-body a:hover:before{width:100%;background:#8BC34A;transition:width .5s ease}#blog .blog-content ul.blog-list .collapsible-body a:hover:after{width:100%;background:transparent;transition:all 0s ease}#blog .blog-content ul.blog-list .collapsible-body p,#blog .blog-content ul.blog-list .collapsible-body h1,#blog .blog-content ul.blog-list .collapsible-body h2,#blog .blog-content ul.blog-list .collapsible-body h3,#blog .blog-content ul.blog-list .collapsible-body h4,#blog .blog-content ul.blog-list .collapsible-body h5,#blog .blog-content ul.blog-list .collapsible-body h6{margin-top:29px}#blog .blog-content ul.blog-list .collapsible-body figure{margin:3%}#blog .blog-content ul.blog-list .collapsible-body img{max-width:100%}#blog .blog-content ul.blog-list .collapsible-body pre,#blog .blog-content ul.blog-list .collapsible-body code{background-color:rgba(0,0,0,0.0470588);padding:20px;font-family:Menlo, Monaco, "Courier New", Courier, monospace;white-space:pre-wrap;font-size:16px}#blog .blog-content ul.blog-list .collapsible-body strong,#blog .blog-content ul.blog-list .collapsible-body b{font-weight:bold !important}#blog .blog-content ul.blog-list .collapsible-body .ender{padding:15px;display:flex;justify-content:center;align-items:center;font-family:'Open Sans', sans-serif}#blog .blog-content ul.blog-list .collapsible-body .ender a{text-decoration:none}#blog .blog-content ul.blog-list .collapsible-body .ender i{padding:4px;font-size:12px;opacity:.44}#blog .blog-content ul.blog-list .collapsible-body .ender .date{opacity:.6}#projects{background-color:#fafafa}#projects .section-banner{padding-top:5%;padding-left:5%;padding-right:5%;padding-bottom:2%;font-family:Raleway, sans-serif}#projects .section-banner .title{font-weight:400;color:white}#projects .section-banner .description{font-weight:200;color:#D7C9FC}#projects .project-row{margin:5% 0;text-align:center;color:#000 !important}#projects .project-row .project-banner{font-weight:400;font-family:Montserrat, sans-serif}#projects .project-row .project.card{margin:2% 0%}#projects .project-row .project.card .card-title{font-size:22px !important;font-weight:300;font-family:Poppins, Helvetica, Arial, sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#projects .project-row .project.card .card-content{color:black !important}@media only screen and (max-width: 1240px){#blog .blog-content ul.blog-list .collapsible-header{padding-left:7% !important;padding-right:7% !important}#blog .blog-content ul.blog-list .collapsible-body{font-size:18px !important;padding-left:9% !important;padding-right:9% !important}#blog .blog-content ul.blog-list .collapsible-body p,#blog .blog-content ul.blog-list .collapsible-body h1,#blog .blog-content ul.blog-list .collapsible-body h2,#blog .blog-content ul.blog-list .collapsible-body h3,#blog .blog-content ul.blog-list .collapsible-body h4,#blog .blog-content ul.blog-list .collapsible-body h5,#blog .blog-content ul.blog-list .collapsible-body h6{margin-top:24px}#blog .blog-content ul.blog-list .collapsible-body pre,#blog .blog-content ul.blog-list .collapsible-body code{padding:15px;font-size:16px}}@media only screen and (max-width: 767px){#home .container{width:100%}#home .container .title{font-weight:500;font-size:2rem !important}#home #welcome .container{flex-direction:column}#home #welcome .container .owner-picture{margin-right:0 !important}#home #welcome .container .owner-content .owner-title{font-size:36px !important}#home #welcome .container .owner-content .owner-details{margin-left:0 !important}#home #welcome .container .owner-content .owner-details .owner-subtitle:after{margin:auto !important}#home #welcome .container .owner-content .owner-details .owner-quote{font-family:Baskerville, serif;font-size:1rem !important}#skills .container .line-component:before,#skills .container .line-component:after{left:19px !important}#skills .container .line-component .card{margin-left:50px !important;width:calc(100% - 60px) !important;font-size:12px !important;text-align:left !important}#skills .container .line-component .card .card-content{padding:5% !important}#skills .container .line-component .badge{left:0 !important}#blog .blog-title .description{font-size:21px}#blog .blog-content ul.blog-list .collapsible-header{padding-left:5% !important;padding-right:5% !important}#blog .blog-content ul.blog-list .collapsible-header h5{font-size:1.2rem !important}#blog .blog-content ul.blog-list .collapsible-body{font-size:18px !important;padding-left:6% !important;padding-right:6% !important}#blog .blog-content ul.blog-list .collapsible-body p,#blog .blog-content ul.blog-list .collapsible-body h1,#blog .blog-content ul.blog-list .collapsible-body h2,#blog .blog-content ul.blog-list .collapsible-body h3,#blog .blog-content ul.blog-list .collapsible-body h4,#blog .blog-content ul.blog-list .collapsible-body h5,#blog .blog-content ul.blog-list .collapsible-body h6{margin-top:18px}#blog .blog-content ul.blog-list .collapsible-body ul,#blog .blog-content ul.blog-list .collapsible-body ol{width:100%;padding:5px}#blog .blog-content ul.blog-list .collapsible-body ul li,#blog .blog-content ul.blog-list .collapsible-body ol li{list-style-type:circle}#blog .blog-content ul.blog-list .collapsible-body pre,#blog .blog-content ul.blog-list .collapsible-body code{padding:10px;font-size:14px}}