.box-sizing{box-sizing:border-box}.clearFloat{content:" ";clear:both;display:block}body,div,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}@font-face{font-family:Volter;src:url(fonts/volter__28goldfish_29-webfont.eot);src:url(fonts/volter__28goldfish_29-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/volter__28goldfish_29-webfont.woff) format('woff'),url(fonts/volter__28goldfish_29-webfont.ttf) format('truetype'),url('fonts/volter__28goldfish_29-webfont.svg#Volter(Goldfish)Regular') format('svg');font-weight:400;font-style:normal}article,footer,header,nav,section{display:block}img{border-style:none}a{text-decoration:none;outline:0}html{width:100%}body{width:100%;font-family:Verdana,Geneva,sans-serif;background:#efefef url(../images/bka.png) repeat 0 0}#main{width:100%;min-width:320px;position:relative;z-index:2}footer{clear:both;margin:50px 0 30px 0;font-size:10px;text-align:center}.float_l{float:left}.float_r{float:right}.clearFloat{line-height:0;height:0;font-size:0;clear:both}.heightMeasure{position:relative}.breakLine{height:5px;background-color:#efefef}.bold{font-weight:700}#header{margin:50px 30px 0 30px;position:relative;font-family:Volter,"Courier New",monospace;text-align:left}#header h1 a{font-size:50px;font-weight:400;text-shadow:2px 2px 5px #a6a6a6;color:#ff530d}#header h2{margin-top:5px;font-size:18px;font-weight:400}#nav{margin-top:-44px;margin-bottom:-20px;float:right;font-size:30px;width:500px}.rotateLink{display:inline-block;overflow:hidden;color:#3f5765;position:relative}.rotateLink span,.rotateLink span:after{width:220px;padding:10px 0;text-align:center;display:block}.rotateLink span{position:relative;transform-style:preserve-3d;transform-origin:50% 0 0;transition:all .2s}.rotateLink.active span,.rotateLink:hover span{transform:translate3d(0,0,-30px) rotateX(90deg)}.rotateLink span:after{content:attr(data-title);background-color:#3f5765;color:#efefef;position:absolute;left:0;top:0;transform:translate3d(0,105%,0) rotateX(-90deg);transform-origin:50% 0 0}#section{width:100%;position:relative;top:12px;color:#3f5765;clear:both}#section .heightMeasure{width:50%;height:5px;float:right;overflow:hidden;background-color:#3f5765}#section .breakLine{margin-top:10px;clear:both}#section p{margin-bottom:20px;line-height:30px;font-size:18px;text-align:left}#section p a{color:#3f5765;text-decoration:underline;transition:color .5s}#section p a:hover{color:#ff530d}#section article{margin:0 25px 20px 0;font-size:12px;display:inline-block;padding-right:25px;border-right:1px solid #3f5765}#section article .last{border-right:none;padding-right:0;margin-right:50px}#section article h4{display:block;font-size:18px;color:#ff530d;margin-bottom:6px}#section article h4 img{vertical-align:bottom;margin-right:12px}#section article a{display:block;padding:5px;color:#3f5765;border-bottom:1px solid #efefef}#section article a:hover{border-color:#ff530d}#section .linkList{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:24px 0}#section .linkList .divider{width:100%;height:1px;background-color:#3f5765}@media only screen and (max-width:1220px){#section .linkList{flex-direction:row;justify-content:space-around}#section .linkList .divider{width:1px;height:50px}}@media only screen and (max-width:800px){#section .linkList{flex-direction:column}#section .linkList .divider{width:60%;height:1px}}@media only screen and (max-width:600px){#section .linkList .divider{width:80%}}#section .linkList.forceRow{flex-direction:row;justify-content:center;align-items:center;margin:0 auto}#section .linkList.forceRow .link{flex-basis:25%}#section .linkList.forceRow .divider{width:1px;height:50px}@media only screen and (max-width:600px){#section .linkList.forceRow{flex-direction:column;justify-content:center;align-items:center;margin:36px auto}#section .linkList.forceRow .divider{width:80%;height:1px}}#section .link{text-decoration:none;display:block;padding:12px 24px;box-sizing:border-box;font-size:12px;color:#3f5765;transition:all .3s}#section .link:hover{background-color:#ff530d;color:#fff}#section .link:hover h4{color:#fff}#section .link h4{display:block;font-size:18px;margin-bottom:6px;color:#ff530d;transition:all .4s}#section .link h4 img{vertical-align:bottom;margin-right:12px}@media only screen and (max-width:600px){#section .link h4{font-size:16px}}.aboutDetails{display:flex;justify-content:space-evenly;align-items:stretch}.aboutDetails .techBackground{width:680px;margin:12px 0}.aboutDetails ul{text-align:left;list-style:none}.aboutDetails li{margin:12px 0;line-height:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:6px 12px}.aboutDetails li.bk{background-color:#ddd}.aboutDetails .resumeLink{padding:12px 24px;background-color:#ff530d;color:#fff;transition:all .4s}.aboutDetails .resumeLink:hover{background-color:#3f5765}@media only screen and (max-width:600px){.aboutDetails .resumeLink{margin:16px auto 32px auto}}@media only screen and (max-width:1220px){.aboutDetails{flex-flow:column-reverse}.aboutDetails .techBackground{margin:12px auto}}@media only screen and (max-width:800px){.aboutDetails .techBackground{width:100%}.aboutDetails li{justify-content:flex-start}.aboutDetails li span{padding-right:12px}.aboutDetails li .bold{flex-basis:100%}}@media only screen and (max-width:600px){.aboutDetails ul{list-style-position:inside;font-size:14px}}.section{display:none}.sectionContent{position:relative;padding:20px 50px 0 50px;margin:5px 0;background-color:#efefef;text-align:center}.closeButton{width:41px;height:41px;margin:0 0 30px 30px;float:right;background:#ff530d url(../images/close.png) no-repeat 0 0;opacity:1;transition:all .4s}.closeButton:hover{background-color:#3f5765}.closeButton.abs{float:none;display:block;position:absolute;top:20px;right:50px;margin:0}.closeButton:after{content:""}.inset{width:46%;margin:20px 1% 50px 1%;text-align:center;border-right:3px solid #3f5765;display:inline-block;vertical-align:top}.inset.last{border-right:none}.inset h4{color:#ff530d;margin-bottom:20px}.inset img{display:inline-block;vertical-align:middle}.inset a{display:inline-block;vertical-align:middle;height:100px;line-height:100px;margin:0 10px;border-bottom:1px solid #efefef}.inset a:hover{border-bottom:1px solid #ff530d}.vertLine{width:5px;height:30px;margin:0 auto;background-color:#3f5765}#portfolio{clear:both}#portfolio .vertLine{margin-top:12px}.portfolioTitle{background-color:#3f5765;color:#efefef;font-family:Volter,"Courier New",monospace;font-size:40px;text-align:center;width:450px;padding:10px 0;margin:0 auto}.portfolioItems{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:space-around}.portfolioItems.active .project{opacity:.2}.portfolioItems.active .project.active{opacity:1}.portfolioItems.active .project.active h3{top:48%}.project{flex-basis:31%;margin-bottom:12px;position:relative;box-shadow:5px 5px 10px #3f5765;cursor:pointer;overflow:hidden;transition:opacity .5s}.project:hover .projectTitle{opacity:1}.project.active{opacity:1}.project.active .projectTitle{opacity:1;background-color:#ff530d}@media only screen and (max-width:800px){.project{flex-basis:48%}}@media only screen and (max-width:600px){.project{flex-basis:92%}}.projectThumb{width:100%;display:block}.projectTitle{width:90%;height:90%;padding:5%;position:absolute;left:0;top:0;background-color:rgba(255,83,13,.9);opacity:0;transition:color .5s,background-color .5s,opacity .5s;text-align:left;color:#efefef;z-index:2}.projectTitle h3{font-family:Volter,"Courier New",monospace;font-size:32px;position:absolute;top:20%;transition:top .4s}.projectLink{color:#ff530d;font-size:14px}.projectLink:hover{text-decoration:underline}.projectDetails{display:none}#projectDetails{background-color:#3f5765;color:#3f5765;clear:both;padding:5px 0;position:relative;top:-38px;z-index:2}#projectDetails .heightMeasure{position:relative;padding:44px 64px;background-color:#efefef}@media only screen and (max-width:600px){#projectDetails .heightMeasure{padding:16px 24px}}#projectDetails .breakLine{width:100%;position:absolute;left:0;bottom:0}#projectDetails header{background-color:#2B3A42;text-align:center;position:relative;margin-bottom:30px}#projectDetails h3{font-size:24px;padding:10px 0;text-align:center}#projectDetails p{margin-bottom:16px;line-height:30px;font-size:16px}@media only screen and (max-width:600px){#projectDetails p{font-size:14px}}#projectDetails p a{color:#3f5765;text-decoration:underline;transition:color .5s}#projectDetails p a:hover{color:#ff530d}#projectDetails h4{font-size:18px}.projectSummary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}@media only screen and (max-width:600px){.projectSummary{flex-flow:column-reverse}.projectSummary h4{text-align:center}}.urlLink{background-color:#ff530d;color:#efefef;font-size:10px;text-align:center;padding:12px 24px;transition:background-color .2s}.urlLink.disabled,.urlLink:hover{background-color:#3f5765}@media only screen and (max-width:600px){.urlLink{margin-bottom:24px}}.projectDetailsContent:after{content:" ";display:block;line-height:0;height:0;font-size:0;clear:both}.boxLink{display:block;position:absolute;top:0;right:0;padding:15px 30px;background-color:#2B3A42;color:#efefef;transition:background-color .4s}.boxLink:hover{background-color:#ff530d}.projectInnerDetails{display:flex;align-items:center}@media only screen and (max-width:800px){.projectInnerDetails{flex-direction:column}}.builtWith{padding:12px 24px;text-align:center}.builtWith ul{margin:6px auto 24px auto;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}@media only screen and (max-width:800px){.builtWith ul{flex-direction:row}}.builtWith li{background-color:#ddd;padding:6px 12px;margin:6px}.gallery{flex-grow:1;padding:15px 0 15px 64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media only screen and (max-width:800px){.gallery{width:100%;padding:0;flex-direction:column;align-items:center}.gallery .galleryRow{width:100%;flex-direction:column}}.gallery .galleryRow{flex-grow:1;display:flex;justify-content:center;align-items:flex-start}.gallery .thumb{padding:6px;cursor:pointer;box-sizing:border-box}.gallery .thumb.hidden{pointer-events:none}.gallery .thumb img{display:block;width:100%;max-width:400px;transition:all .2s}@media only screen and (max-width:800px){.gallery .thumb img{max-width:none}}.gallery .thumb img:hover{transform:scale(1.1) translateZ(0)}@media only screen and (max-width:800px){.gallery .thumb img:hover{transition:none}}.gallery .thumb .galleryImg{display:none}@media only screen and (max-width:800px){.gallery .thumb{cursor:auto;pointer-events:none;width:100%;margin:12px auto;padding:0}.gallery .thumb .galleryImg{display:block}.gallery .thumb .thumbImg{display:none}}#fullGallery{z-index:10;position:fixed;top:0;left:0;right:0;bottom:0;padding:80px 50px;background-color:rgba(0,0,0,.6)}#fullGallery.hidden{display:none}#fullGallery .swiper{width:100%;height:100%}#fullGallery .swiper-slide{object-fit:contain}.swiper-button-next,.swiper-button-prev{color:#ff530d}.swiper-pagination-bullet-active{background-color:#ff530d}@media only screen and (max-width:1300px){#section article{border-right:none;padding-right:0;margin-right:0;display:block}#section article.last{margin-right:0}}@media only screen and (max-width:1200px){#nav{margin-top:20px;width:340px}.rotateLink span,.rotateLink span:after{width:160px}}@media only screen and (max-width:600px){#header{margin:32px 20px 0 20px;text-align:center}#header h1 a{font-size:30px}#header h2{font-size:18px}#nav{width:300px;margin:30px auto -20px auto;float:none;font-size:24px}.rotateLink span,.rotateLink span:after{width:130px}.portfolioTitle{font-size:26px;width:220px}#section p{font-size:14px;line-height:22px;margin-bottom:16px}#section article{margin:20px 0 0 0}.sectionContent{padding:20px}.closeButton{margin:0 0 16px 16px}.closeButton.abs{top:20px;right:20px;margin:0}.inset{width:100%;padding:20px 0;margin:0 0 20px;float:none;border-right:none;border-bottom:3px solid #3f5765}.inset.last{border-bottom:none}}