@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,400,400i,700|Indie+Flower|Montserrat:400|Raleway:300,400,600|Inconsolata|Pacifico");a{color:#3A3A3A}.posts{margin-left:-2rem}.post-entry{margin-bottom:2rem}.nav-bar{position:fixed;width:100%;z-index:1;background-color:#3A3A3A;padding:.5rem .5rem 0rem .5rem;-webkit-box-shadow:0px 0px 10px 5px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 10px 5px rgba(0,0,0,0.25);box-shadow:0px 0px 10px 5px rgba(0,0,0,0.25)}.nav-bar.hover{-webkit-box-shadow:5px 0px 15px 7px rgba(0,0,0,0.25);-moz-box-shadow:5px 0px 15px 7px rgba(0,0,0,0.25);box-shadow:5px 0px 15px 7px rgba(0,0,0,0.25)}.nav-bar #logo{height:3.1rem}.nav-bar #desktop-nav,.nav-bar #desktop-reminder{display:none}.nav-bar #mobile-nav{width:100%;margin-top:.5rem}.nav-bar #mobile-nav ul{width:100%}.nav-bar #desktop-social{display:none}.nav-bar #mobile-menubutton{display:inherit;margin-top:.5rem}.nav-bar #mobile-menubutton #menu-icon path{fill:#fff !important}.nav-bar #mobile-menubutton .menu-button{transform:rotateZ(180deg)}.nav-bar #mobile-menubutton .menu-button:focus svg{transition:all .25s;transform:rotateZ(180deg)}.nav-bar .upper-part{text-align:center;margin:0rem 0rem 0rem 0rem}.nav-bar .nav-part{text-align:center}.nav-bar .nav-part li{list-style:none;font-size:1rem;text-align:right;padding:.5rem .5rem .5rem .5rem}.nav-bar .nav-part li.active{border-right:thin solid #459ACC}.nav-bar .nav-part li a{text-decoration:none;color:#fff;font-size:1rem;text-transform:uppercase}.nav-bar .nav-part li a:hover{text-decoration:none}.nav-bar .fixed{background:#3A3A3A;padding:.45rem 5rem 0 5rem;position:fixed;top:0;left:0;width:100%;opacity:.9;box-shadow:0 0px 20px 0px #3A3A3A;height:2.2rem;z-index:1}.nav-bar .fixed.nav-part{margin:0 0 0 0rem}.nav-bar .fixed li{padding:0 2rem 0 2rem}@media only screen and (min-width: 600px){.nav-bar{background-color:#3A3A3A;padding:1rem 2rem 0rem 2rem}.upper-part{text-align:center;margin:0rem 0rem 0rem 0rem}.nav-part{text-align:center}}@media only screen and (min-width: 768px){.nav-bar{background-color:#3A3A3A;padding:1rem 2rem 0rem 2rem}.nav-bar #logo{height:4rem}.nav-bar #desktop-nav{display:inherit}.nav-bar #mobile-nav{display:none}.nav-bar #mobile-menubutton{display:none}.nav-bar .upper-part{text-align:center;margin:0rem 5rem 0rem 5rem}.nav-bar .nav-part li{list-style:none;float:left;padding:0 2rem .4rem 2rem;width:8rem}.nav-bar .nav-part li.active{border-right:none}.nav-bar .nav-part li.active a #kritzel1,.nav-bar .nav-part li.active a #kritzel2,.nav-bar .nav-part li.active a #kritzel3{display:inherit;stroke-dasharray:800;stroke-dashoffset:0;animation:dash1 ease-in-out 2s forwards}.nav-bar .nav-part li a{text-decoration:none;color:#fff;font-size:1rem;text-transform:uppercase;display:inline-block;position:relative;margin:0 1rem 0 1rem}.nav-bar .nav-part li a #kritzel1,.nav-bar .nav-part li a #kritzel2,.nav-bar .nav-part li a #kritzel3{height:2.5rem;position:relative;left:-20%;margin-top:-6%;stroke:#077DC2;stroke-dasharray:800;stroke-dashoffset:800}.nav-bar .nav-part li a:hover{text-decoration:none}.nav-bar .nav-part li a:hover #kritzel1,.nav-bar .nav-part li a:hover #kritzel2,.nav-bar .nav-part li a:hover #kritzel3{stroke-dasharray:800;stroke-dashoffset:800;stroke:#459ACC;animation:dash1 1s infinite alternate}.nav-bar .nav-part li a span{z-index:3;position:absolute}@keyframes dash1{0%{stroke-dashoffset:800;fill:rgba(255,255,255,0)}30%{stroke-dashoffset:800;fill:rgba(255,255,255,0)}55%{fill:rgba(255,255,255,0.1);stroke-width:1}100%{stroke-dashoffset:0;fill:#fff;stroke-width:0}}.nav-bar .fixed{background:#3A3A3A;padding:.43rem 7rem 0 5rem;position:fixed;top:0;left:0;width:100%;opacity:.9;box-shadow:0 0px 20px 0px #3A3A3A;height:2.6rem;z-index:1}.nav-bar .fixed.nav-part{margin:0 0 0 0rem}.nav-bar .fixed li{padding:0 1.2rem .4rem 1.2rem}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}}@media only screen and (min-width: 1100px){.nav-bar #desktop-social{display:inherit;margin:.5rem 0 0 0}.nav-bar #desktop-reminder{display:initial;position:fixed;margin:0 2rem 0 -2rem}}.footer-bar{display:block;bottom:0;width:100%;background-color:#3A3A3A;color:#fff;padding:1rem 1rem 0rem 1rem;text-align:center}.footer-bar .copyright{padding:1rem 0 0 0;text-align:center;font-size:.7rem}.footer-bar .copyright a{color:#459ACC}.footer-graphic-outer{display:none;height:2rem}.footer-graphic-inner{height:5rem;text-align:center}@media only screen and (min-width: 600px){.footer-bar{display:block;bottom:0;width:100%;background-color:#3A3A3A;color:#fff;padding:1rem 2rem 0rem 2rem}.copyright{padding:1rem 0 0 0;text-align:center;font-size:.7rem}.copyright a{color:#459ACC}}@media only screen and (min-width: 768px){.footer-graphic-inner{height:8rem}.footer-bar{display:block;bottom:0;width:100%;background-color:#3A3A3A;color:#fff;padding:1rem 7rem 0rem 7rem}.copyright{padding:1rem 0 0 0;text-align:center;font-size:.7rem}.copyright a{color:#459ACC}}@media only screen and (min-width: 1080px){.footer-graphic-outer{display:inherit;height:5rem;margin:1rem}.footer-graphic-inner{height:8rem}}.social-icons,#mobile-menubutton{text-decoration:none;display:inline-block;float:right}.social-icons li,#mobile-menubutton li{list-style:none;float:left;width:2.1rem;height:2.1rem;border-radius:10%;text-align:center;margin-right:.8rem;padding-top:.35rem;border:thin solid #4A4A4A}.social-icons li:hover,#mobile-menubutton li:hover{background-color:#4A4A4A;border:thin solid #459ACC}.social-icons li a,#mobile-menubutton li a{text-decoration:none;color:#fff}.centered{text-align:center;margin-bottom:1rem !important}.first-element{padding:2.5rem 1rem 1.5rem 1rem}.project-source{color:#fff}.project-source:hover{color:#fff;text-decoration:underline}@media only screen and (min-width: 768px){.first-element{padding:3.5rem 7rem 2.5rem 7rem}}.mid-element{padding:1.5rem 1rem 1.5rem 1rem}@media only screen and (min-width: 768px){.mid-element{padding:1.5rem 7rem 2rem 7rem}}.showcase-container{width:100%}.showcase{color:#fff;display:inline-block;width:100%;white-space:normal;padding:1rem;-webkit-transition:width 2s;transition:width 2s;margin:0 0 .5rem 0}.showcase .showcase-link{text-decoration:none;color:#fff}.showcase .showcase-link:hover{text-decoration:none;color:#fff}.showcase-image{display:none}.my-ux{background-color:#4A4A4A;border-bottom:.5rem solid #9C27B0}.my-web{background-color:#4A4A4A;border-bottom:.5rem solid #FF9800}.my-software{background-color:#4A4A4A;border-bottom:.5rem solid #CDDC39}.my-various{background-color:#4A4A4A;border-bottom:.5rem solid #3F51B5}@media only screen and (min-width: 768px){.container-fluid{padding:1rem 7rem 0 7rem !important}.showcase-container{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;flex-direction:row;flex-wrap:wrap}.my-ux{background-color:#4A4A4A;border-bottom:.5rem solid #9C27B0}.my-ux:hover{background-color:#4A148C;border-bottom:.5rem solid #4A148C}.my-web{background-color:#4A4A4A;border-bottom:.5rem solid #FF9800}.my-web:hover{background-color:#E65100;border-bottom:.5rem solid #E65100}.my-software{background-color:#4A4A4A;border-bottom:.5rem solid #CDDC39}.my-software:hover{background-color:#827717;border-bottom:.5rem solid #827717}.my-various{background-color:#4A4A4A;border-bottom:.5rem solid #3F51B5}.my-various:hover{background-color:#1A237E;border-bottom:.5rem solid #1A237E}.showcase{color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;width:40%;margin:1rem;padding:2rem;transition:.25s;border-radius:.2rem}.showcase:hover{transition:.25s;transform:scale(1.025);color:#fff}.showcase .showcase-link{text-decoration:none;color:#fff}.showcase .showcase-link:hover{text-decoration:none;color:#fff}.showcase-image{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center}.showcase-image .showcase-img-cover{width:100%;height:100%}.showcase-image:hover{transform:scale(1.025)}}.card-container{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;flex-direction:row;flex-wrap:wrap}.card-container .card-body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;width:100%;margin:2rem;text-align:center;border:thin solid #E5E5E5;transition:.25s;border-radius:.2rem}.card-container .card-body .card-title{text-decoration:none;margin:0;color:#fff}.card-container .card-body svg{font-size:6rem;transition:.25s;padding:1rem}.card-container .card-body:hover>div svg{transition:.45s;transform:rotateY(360deg)}.card-container .card-body:hover>div svg path{fill:#077DC2}.card-container .card-body:hover>.my-primary{background-color:#077DC2 !important}.centered{margin-bottom:2rem}@media only screen and (min-width: 768px){.card-container .card-body{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;width:27%;max-width:27%;margin:2rem}}.reminder-box{color:#fff;background-color:#3A3A3A;border:thin solid #4A4A4A;border-radius:.2rem;height:2.1rem;padding:.2rem .6rem}.reminder-box:hover{border:thin solid #459ACC}.reminder-box svg{color:#fff;transform:rotateY(360deg);margin:0rem;position:relative;cursor:pointer}.reminder-box #reminder-rss-icon{transform:rotateZ(45deg);padding:0rem;animation:blinker 3s linear infinite reverse}#reminder1,#reminder2{color:#fff;background-color:#3A3A3A}.reminder-box input::-webkit-search-decoration,.reminder-box input::-webkit-search-cancel-button{display:none}.reminder-box input:-moz-placeholder{color:transparent}.reminder-box input::-webkit-input-placeholder{color:transparent}.reminder-box input[type=button]{outline:none;cursor:pointer;-webkit-appearance:textfield;-webkit-box-sizing:content-box;border:0 none;box-shadow:none;color:transparent;background:transparent;text-align:right;width:0;margin:0;padding:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;animation:blinker 3s linear infinite reverse}.reminder-box input[type=button]:focus{width:14rem;padding:0 .5rem 0 0}@keyframes blinker{50%{opacity:.5}}body{font-family:"Titillium Web","novecento_sans_widedemibold","Helvetica","Tahoma","Geneva","Arial",sans-serif;font-size:1rem;width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0}h3{font-family:"Titillium Web","novecento_sans_widedemibold","Helvetica","Tahoma","Geneva","Arial",sans-serif}.my-container{margin-right:auto;margin-left:auto;padding-top:2rem;width:100%}.container{height:100% !important}.my-graphic{height:3rem}@media only screen and (min-width: 768px){.fullscreen-section{height:95vh;background-image:url("../../images/P1110288.JPG");background-size:cover}.scroll-down{bottom:0;scroll-behavior:smooth;position:absolute;width:100%;margin:auto;font-size:1.7rem}.my-animation{animation:MoveUpDown 2s linear infinite}#kritzel4{width:6rem;margin-bottom:-1rem}@keyframes MoveUpDown{0%{bottom:0;opacity:1}25%{bottom:.5rem;opacity:.5}100%{bottom:0;opacity:1}}@keyframes fadeOut{0%{bottom:0;opacity:1}100%{bottom:0;opacity:0}}.my-container{margin-right:auto;margin-left:auto;padding-top:5rem;width:100%}.my-graphic{height:5rem}}.quote{font-family:"Indie Flower",Times,cursive,serif}.medium{font-size:1.5rem}.big{font-size:2.5rem}.bp-top{padding:2rem 0 0 0}.sp-bot{padding-bottom:0}@media only screen and (max-width: 768px){.sm-bot{margin:0 0 .5rem 0}.row{margin-right:0;margin-left:0}}#error{background-color:#3A3A3A;padding:4rem}.menu-button{width:2.1rem;height:2.1rem;border-radius:10%;text-align:center;background-color:#3A3A3A;border:thin solid #4A4A4A}.menu-button .btn{padding:0rem 0rem}.menu-button i{color:#fff;margin:0 0 0 -.15rem}.menu-button:hover{background-color:#4A4A4A;border:thin solid #459ACC}.my-primary{background-color:#459ACC}.hash{margin-top:30px}#about{padding:3rem 0 0 0}.back-top,a{text-decoration:none}a:hover{text-decoration:none;color:#077DC2}a:visited,a:link,a:active{text-decoration:none}.text-center{margin:auto}.fa-spin{height:3rem;width:3rem !important;-webkit-animation:fa-spin 4s infinite ease-in-out alternate-reverse;animation:fa-spin 4s infinite ease-in-out alternate-reverse}.btn-ui{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-ui:not(:disabled):not(.disabled).active,.btn-ui:not(:disabled):not(.disabled):active{color:#fff;background-color:#9C27B0;border-color:#9C27B0}.btn-web{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-web:not(:disabled):not(.disabled).active,.btn-web:not(:disabled):not(.disabled):active{color:#000;background-color:#FF9800;border-color:#FF9800}.btn-software{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-software:not(:disabled):not(.disabled).active,.btn-software:not(:disabled):not(.disabled):active{color:#000;background-color:#CDDC39;border-color:#CDDC39}.btn-various{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-various:not(:disabled):not(.disabled).active,.btn-various:not(:disabled):not(.disabled):active{color:#fff;background-color:#3F51B5;border-color:#3F51B5}@media only screen and (max-width: 768px){.fa-chevron-down{display:none}.my-tooltiptext{opacity:0;display:none}}.my-tooltip{position:relative;display:inline-block}.my-tooltip .my-tooltiptext{visibility:hidden;width:14rem;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-7rem;opacity:0;transition:opacity .3s}.my-tooltip .my-tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#555}.my-tooltip:hover .my-tooltiptext{visibility:visible;opacity:1}
