@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);.CV{display:grid}.FunZone{position:fixed;top:0;left:0;height:100%;width:100%;z-index:25}.FunZone .box{background:#f9dbbd;position:fixed}.BigPhoto{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover}.FunZone .photo{position:absolute;max-width:40%;max-height:40%;opacity:.75}.FunZone .photo:hover{opacity:1!important;z-index:70;cursor:crosshair}@-webkit-keyframes forward{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes forward{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes backward{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes backward{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}body,html{margin:0;padding:0}body{font-family:Anonymous Pro,monospace;font-size:1rem;color:#333;background:rgba(15,15,15,.02)}a,a:visited{color:navy;text-decoration:none}.App{position:relative;z-index:50;margin-top:10%;margin-left:10%;width:50%;margin-bottom:10%}@media only screen and (max-width:1000px){.App{margin-left:10%;width:80%}.FunZone{display:none}}@media only screen and (max-device-width:800px) and (-webkit-device-pixel-ratio:2),only screen and (max-device-width:800px) and (-webkit-device-pixel-ratio:3),only screen and (max-width:600px),only screen and (min-device-width:414px) and (max-device-height:736px) and (-webkit-device-pixel-ratio:3){.App{width:100%;margin-left:0;margin-top:0;font-size:2rem}.App .Main .kat-image{float:none;width:100%;margin:0}.Header{text-align:center}.Main .flexxy{display:block}.Main .flexxy .pic,.Main .flexxy .text{width:auto}.Main .flexxy .pic img{width:100%}.Main .flexxy .text h2{font-size:2rem}.FunZone{display:none}}.Header a{color:#333;padding:1rem;display:inline-block;text-shadow:-1px -1px 0 rgba(15,15,15,.02),1px -1px 0 rgba(15,15,15,.02),-1px 1px 0 rgba(15,15,15,.02),1px 1px 0 rgba(15,15,15,.02)}.Header a.active{border-bottom:2px solid #333}.Main{background:#f9dbbd;display:flex;box-sizing:border-box}.kat-image{width:40%;float:right;position:relative;margin-left:1rem}p:first-child{margin-top:0}p:last-child{margin-bottom:0}.flexxy{display:flex;width:100%}.flexxy .text{width:60%;padding:1.5rem}.flexxy .pic{width:40%}.flexxy .pic img{max-width:100%;margin:1rem 0}.flexxy .spanner{flex-direction:column;flex:4 1}ul.links{margin:0;padding-left:0;list-style:none;display:flex;flex-wrap:wrap}ul.links li{padding:0}ul.links a{padding:.5em;display:inline-block;border:1px solid navy;margin:0 .5rem .5rem 0}.Work{width:100%}.Work .project h2{margin-top:0;margin-bottom:1rem;font-size:1rem}.Work .project h2 a{text-decoration:none;border:1px solid navy;padding:.5rem;box-sizing:border-box}.Work .flexxy .pic p{text-align:center}.Work .text ul{margin-bottom:0;padding-left:1rem}.Work .text ul li{margin-left:0;list-style-type:square}
/*# sourceMappingURL=main.d36326b0.chunk.css.map */