body{background-color:#000;font-size:16px;margin:0}body,h1{color:#fff}h1{font-size:2.2rem;text-align:center}#bg{height:100%;perspective:500px;position:fixed;width:100vw;z-index:1}#bg>#left{background-image:linear-gradient(270deg,#000 20%,#0000 70%),url(binaryname.jpg);background-position:100% 0;float:left;right:4em;-webkit-transform:rotateY(60deg);transform:rotateY(60deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#bg>#left,#bg>#right{background-repeat:repeat;height:300%;max-width:700px;position:relative;top:-100%;width:30%;z-index:1}#bg>#right{background-image:linear-gradient(90deg,#000 20%,#0000 70%),url(binaryname.jpg);background-position:0 0;float:right;left:4em;-webkit-transform:rotateY(-60deg);transform:rotateY(-60deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#fg{min-width:100vw;position:absolute;z-index:2}#header{margin:auto;max-width:800px;min-height:100%;padding-top:0;position:relative;text-align:center;top:-10px;z-index:3}#contact>div>span{margin-left:.2rem;margin-right:.2rem}#topborder{background:linear-gradient(180deg,#000 0,#008 70%,#008);height:100px;margin-bottom:10px;padding-top:6px;width:100%}#sitetitle{margin:auto;text-align:center}#titletext{font-family:Audiowide,sans-serif;font-size:64px;font-weight:400;margin-left:16px;text-shadow:4px 4px 6px #000;vertical-align:top}#titletext span{font-size:2rem}#logo{text-align:center;vertical-align:middle;width:100px}#navigation{background-color:#eee;background-image:linear-gradient(180deg,#fff 0,#fff 49%,#eee 50%,#fff);border-radius:25px;padding:0;position:relative;text-align:center;top:-15px;width:760px}#navcenter,#navigation{height:50px;margin:auto;z-index:4}#navcenter{width:721px}.nav{color:#12f;font-family:Barlow;font-size:2rem;height:40px;margin-left:auto;margin-right:auto;padding:10px;position:relative;text-decoration:none;top:5px}#body{color:#fff;min-height:100%;text-align:center;text-align:left;width:800px;z-index:4}#body,#footer{margin-left:auto;margin-right:auto}#footer{background-color:#e6e6e6;border-radius:8px;bottom:0;color:#12f;font-family:Barlow;height:-moz-fit-content;height:fit-content;margin-top:2em;padding:25px;text-align:center;vertical-align:bottom;width:-moz-fit-content;width:fit-content}main{font-family:Cambria;margin:auto;width:72vw}img{border:0}h2{color:#46e}table{font-family:Cambria;margin:auto;width:72vw}h1,h2,h3{font-family:Barlow;font-weight:400}h1,h2{display:inline;margin:0}.section-title{align-items:center;display:flex;justify-content:space-between}.section-title *{margin:.4em}.section-title>hr{border-top:2px solid #fff;flex-grow:1}h3{margin-bottom:.1em;margin-top:.2em}.head{font-family:Calibri}.head,.two-col-line{align-items:center;display:flex;justify-content:space-between}.two-col-line{margin:.3em}#technologies .two-col-line>div>div{max-width:90vw;width:25em}.two-col-line>.date{white-space:nowrap;width:17rem}main a{color:#fff}.only-print{display:none}.text-center{text-align:center}@page{size:A4;margin:.25in;margin-top:.5in}@media screen and (max-width:1030px){#technologies .two-col-line{display:block}}@media screen and (max-width:1000px){.two-col-line>.date{width:auto}}@media screen and (max-width:950px){#contact>div>span,.two-col-line{display:block}.two-col-line>.date{margin:.3em .3em .5em 1em}}@media screen and (max-width:800px){#topborder{height:86px}#navigation{display:none}}@media screen and (max-width:700px){.head{display:block}}@media screen and (max-width:643px){#topborder{height:160px}main{width:90vw}}@media print{body{font-size:14px;margin:0;width:100%}main{width:100%!important}.two-col-line>.date{width:12.3rem}.section-title>hr{border-bottom:2px solid #000!important}.date{padding-right:2rem}.only-print{display:block}.no-print{display:none}main a{text-decoration:none}*{background-color:#fff;color:#000!important}}