body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#app_root{height:100%}.background-green{background-color:#00887a!important}.background-peach{background-color:#ffccbc!important}.background-white{background-color:#fff!important}.background-black{background-color:#000!important}.background-cool-grey{background-color:#d3e3fc!important}.background-blue{background-color:#0a1c3f!important}.background-offwhite{background-color:#fffffc!important}f8{font-size:8px!important}.f10{font-size:10px!important}.f12{font-size:12px!important}.f14{font-size:14px!important}.f16{font-size:16px!important}.f18{font-size:18px!important}.f24{font-size:24px!important}.f32{font-size:32px!important}.f36{font-size:36px!important}.f48{font-size:48px!important}.f72{font-size:72px!important}.text-green{color:#00887a!important}.text-peach{color:#ffccbc!important}.text-white{color:#fff!important}.text-offwhite{color:#fffeee!important}.text-black{color:#000!important}.text-cool-grey{color:#d3e3fc!important}.text-blue{color:#77a6f7!important}.text-light-grey{color:#c8cfd5!important}.margin--top{margin-top:16px!important}.margin--right{margin-right:16px!important}.margin--left{margin-left:16px!important}.margin--bottom{margin-bottom:16px!important}.margin--sides{margin-right:16px!important;margin-left:16px!important}.margin--ends{margin-top:16px!important;margin-bottom:16px!important}.margin-half--top{margin-top:8px!important}.margin-half--right{margin-right:8px!important}.margin-half--left{margin-left:8px!important}.margin-half--bottom{margin-bottom:8px!important}.margin-half--sides{margin-right:8px!important;margin-left:8px!important}.margin-half--ends{margin-top:8px!important;margin-bottom:8px!important}.margin-double--top{margin-top:32px!important}.margin-double--right{margin-right:32px!important}.margin-double--left{margin-left:32px!important}.margin-double--bottom{margin-bottom:32px!important}.margin-double--sides{margin-right:32px!important;margin-left:32px!important}.margin-double--ends{margin-top:32px!important;margin-bottom:32px!important}.margin-quarter--top{margin-top:4px!important}.margin-quarter--right{margin-right:4px!important}.margin-quarter--left{margin-left:4px!important}.margin-quarter--bottom{margin-bottom:4px!important}.margin-quarter--sides{margin-right:4px!important;margin-left:4px!important}.margin-quarter--ends{margin-top:4px!important;margin-bottom:4px!important}.margin-one-half--top{margin-top:24px!important}.margin-one-half--right{margin-right:24px!important}.margin-one-half--left{margin-left:24px!important}.margin-one-half--bottom{margin-bottom:24px!important}.margin-one-half--sides{margin-right:24px!important;margin-left:24px!important}.margin-one-half--ends{margin-top:24px!important;margin-bottom:24px!important}.no-margin--top{margin-top:0!important}.no-margin--right{margin-right:0!important}.no-margin--left{margin-left:0!important}.no-margin--bottom{margin-bottom:0!important}.no-margin--sides{margin-right:0!important;margin-left:0!important}.no-margin--ends{margin-top:0!important;margin-bottom:0!important}.padding--top{padding-top:16px!important}.padding--right{padding-right:16px!important}.padding--left{padding-left:16px!important}.padding--bottom{padding-bottom:16px!important}.padding--sides{padding-right:16px!important;padding-left:16px!important}.padding--ends{padding-top:16px!important;padding-bottom:16px!important}.padding-half--top{padding-top:8px!important}.padding-half--right{padding-right:8px!important}.padding-half--left{padding-left:8px!important}.padding-half--bottom{padding-bottom:8px!important}.padding-half--sides{padding-right:8px!important;padding-left:8px!important}.padding-half--ends{padding-top:8px!important;padding-bottom:8px!important}.padding-double--top{padding-top:32px!important}.padding-double--right{padding-right:32px!important}.padding-double--left{padding-left:32px!important}.padding-double--bottom{padding-bottom:32px!important}.padding-double--sides{padding-right:32px!important;padding-left:32px!important}.padding-double--ends{padding-top:32px!important;padding-bottom:32px!important}.padding-quarter--top{padding-top:4px!important}.padding-quarter--right{padding-right:4px!important}.padding-quarter--left{padding-left:4px!important}.padding-quarter--bottom{padding-bottom:4px!important}.padding-quarter--sides{padding-right:4px!important;padding-left:4px!important}.padding-quarter--ends{padding-top:4px!important;padding-bottom:4px!important}.padding-one-half--top{padding-top:24px!important}.padding-one-half--right{padding-right:24px!important}.padding-one-half--left{padding-left:24px!important}.padding-one-half--bottom{padding-bottom:24px!important}.padding-one-half--sides{padding-right:24px!important;padding-left:24px!important}.padding-one-half--ends{padding-top:24px!important;padding-bottom:24px!important}.no-padding--top{padding-top:0!important}.no-padding--right{padding-right:0!important}.no-padding--left{padding-left:0!important}.no-padding--bottom{padding-bottom:0!important}.no-padding--sides{padding-right:0!important;padding-left:0!important}.no-padding--ends{padding-top:0!important;padding-bottom:0!important}.center{text-align:center!important}.text-left{text-align:left!important}.italics{font-style:italic!important}.strong{font-weight:700!important}.caption{text-transform:uppercase}.display-block{display:block!important}.height-100{height:100vh!important}.height-min-100{min-height:100%!important}.width-100{width:100vw!important}.width-min-100{min-width:100%!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.on-hover-light:hover{opacity:.5}.source-code-font{font-family:"Source Code Pro",monospace}.roboto-font{font-family:"Roboto",sans-serif}.pi-logo-image{width:100%}.pi-logo-entire{margin:0 auto}.resume-main-content{overflow:auto;overflow-x:hidden}.left-column{text-align:center;display:flex;flex-direction:column;min-height:800px}.connect-button-container{position:relative;margin-top:48px}.cv-text-details{padding-top:24px;padding-left:48px;width:90%}.cv-caption{margin-top:16px}.cv-copyright{margin:auto 0 12px;color:grey!important}.cv-copyright:hover{color:#fff!important}.connect-buttons{margin:0;padding:0;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.connect-buttons .connect-button{list-style:none;margin:0 15px}.connect-buttons .connect-button .connect-link{position:relative;display:block;width:60px;height:60px;text-align:center;line-height:60px;background:#171515;border-radius:50%;font-size:30px;color:#666;transition:.5s}.resume-second-col{padding:36px}.connect-buttons .connect-button .connect-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#d3e3fc;transition:.5s;-webkit-transform:scale(.9);transform:scale(.9);z-index:-1}.connect-buttons .connect-button .connect-link:hover:before{-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:0 0 15px #00887a;-webkit-filter:blur(3px);filter:blur(3px)}.connect-buttons .connect-button .connect-link:hover{color:#00887a;box-shadow:0 0 15px #00887a;text-shadow:0 0 15px #00887a}.mailtolink{text-decoration:none;position:relative}.mailtolink:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#00887a;transition:width .3s ease 0s,left .3s ease 0s;width:0}.resume-first-col{padding:36px 36px 0}.mailtolink:hover:after{width:100%;left:0}.loading-screen{display:flex;justify-content:center;align-items:center;margin-top:32px}.portrait{width:300px;height:300px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;-webkit-filter:blur(20px);filter:blur(20px);-webkit-animation:pixelate 2.5s forwards;animation:pixelate 2.5s forwards}@-webkit-keyframes pixelate{0%{-webkit-filter:blur(20px);filter:blur(20px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes pixelate{0%{-webkit-filter:blur(20px);filter:blur(20px)}to{-webkit-filter:blur(0);filter:blur(0)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999}.loading-container,.loading-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-container{width:200px;height:200px;border:5px solid red;border-radius:50%;padding:20px}.joystick{position:relative;width:50px;height:50px;background:#3498db;border-radius:50%;-webkit-animation:move 2s infinite;animation:move 2s infinite}.joystick:after,.joystick:before{content:"";position:absolute;width:15px;height:15px;background:#f3f3f3;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.joystick:before{width:25px;height:25px;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}@-webkit-keyframes move{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}75%{-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes move{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}75%{-webkit-transform:translateX(20px);transform:translateX(20px)}}@-webkit-keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.loading-text{color:#3498db;font-size:20px;margin-top:20px;text-transform:uppercase;letter-spacing:5px;-webkit-animation:blinkingText 1.2s infinite;animation:blinkingText 1.2s infinite;text-align:center}@-webkit-keyframes blinkingText{0%{color:#3498db}49%{color:#3498db}60%{color:transparent}99%{color:transparent}to{color:#3498db}}@keyframes blinkingText{0%{color:#3498db}49%{color:#3498db}60%{color:transparent}99%{color:transparent}to{color:#3498db}}a{color:#00887a}a:hover{color:#ff9a9a;text-decoration:none}.example-header{background:#3d4351;color:#fff;font-weight:300;padding:3em 1em;text-align:center}.example-header h1{color:#fff;font-weight:300;margin-bottom:20px}.example-header p{font-size:12px;text-transform:uppercase;letter-spacing:3px;font-weight:700}.container-fluid .row{padding:0 0 4em}.container-fluid .row:nth-child(2n){background:#f1f4f5}.example-title{text-align:center;margin-bottom:60px;padding:3em 0;border-bottom:1px solid #e4eaec}.example-title p{margin:0 auto;font-size:16px;max-width:400px}.timeline{line-height:1.4em;list-style:none;margin:0;padding:0;width:100%}.timeline h1,.timeline h2,.timeline h3,.timeline h4,.timeline h5,.timeline h6{line-height:inherit}.timeline-item{padding-left:40px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-info{font-size:12px;font-weight:700;letter-spacing:3px;margin:0 0 .5em;text-transform:uppercase;white-space:nowrap}.timeline-marker{position:absolute;top:0;bottom:0;left:0;width:15px}.timeline-marker:before{background:#00887a;border:3px solid transparent;border-radius:100%;content:"";display:block;height:15px;position:absolute;top:4px;left:0;width:15px;transition:background .3s ease-in-out,border .3s ease-in-out}.timeline-marker:after{content:"";width:3px;background:#ccd5db;display:block;position:absolute;top:24px;bottom:0;left:6px}.timeline-item:last-child .timeline-marker:after{content:none}.timeline-item:not(.period):hover .timeline-marker:before{background:transparent;border:3px solid #00887a}.timeline-content{padding-bottom:40px}.timeline-content p:last-child{margin-bottom:0}.period{padding:0}.period .timeline-info{display:none}.period .timeline-marker:before{background:transparent;content:"";width:15px;height:auto;border-radius:0;top:0;bottom:30px;position:absolute;border:3px solid #ccd5db;border-right:none;border-left:none}.period .timeline-marker:after{content:"";height:32px;top:auto}.period .timeline-content{padding:40px 0 70px}.period .timeline-title{margin:0}@media (min-width:768px){.timeline-centered .timeline,.timeline-split .timeline{display:table}.timeline-centered .timeline-item,.timeline-split .timeline-item{display:table-row;padding:0}.timeline-centered .period .timeline-info,.timeline-centered .timeline-content,.timeline-centered .timeline-info,.timeline-centered .timeline-marker,.timeline-split .period .timeline-info,.timeline-split .timeline-content,.timeline-split .timeline-info,.timeline-split .timeline-marker{display:table-cell;vertical-align:top}.timeline-centered .timeline-marker,.timeline-split .timeline-marker{position:relative}.timeline-centered .timeline-content,.timeline-split .timeline-content{padding-left:30px}.timeline-centered .timeline-info,.timeline-split .timeline-info{padding-right:30px}.timeline-centered .period .timeline-title,.timeline-split .period .timeline-title{position:relative;left:-45px}}@media (min-width:992px){.timeline-centered,.timeline-centered .timeline-content,.timeline-centered .timeline-info,.timeline-centered .timeline-item,.timeline-centered .timeline-marker{display:block;margin:0;padding:0}.timeline-centered .timeline-item{padding-bottom:40px;overflow:hidden}.timeline-centered .timeline-marker{position:absolute;left:50%;margin-left:-7.5px}.timeline-centered .timeline-content,.timeline-centered .timeline-info{width:50%}.timeline-centered>.timeline-item:nth-child(odd) .timeline-info{float:left;text-align:right;padding-right:30px}.timeline-centered>.timeline-item:nth-child(2n) .timeline-info,.timeline-centered>.timeline-item:nth-child(odd) .timeline-content{float:right;text-align:left;padding-left:30px}.timeline-centered>.timeline-item:nth-child(2n) .timeline-content{float:left;text-align:right;padding-right:30px}.timeline-centered>.timeline-item.period .timeline-content{float:none;padding:0;width:100%;text-align:center}.timeline-centered .timeline-item.period{padding:50px 0 90px}.timeline-centered .period .timeline-marker:after{height:30px;bottom:0;top:auto}.timeline-centered .period .timeline-title{left:auto}}.marker-outline .timeline-marker:before{background:transparent;border-color:#00887a}.marker-outline .timeline-item:hover .timeline-marker:before{background:#00887a}.game-gallery{width:98.2%;padding:64px}.gallery-heading{text-align:center;text-transform:uppercase;font-size:24px;color:#00887a}.game-slide{position:relative;text-align:center;padding:32px;width:100%}.game-card{position:relative;cursor:pointer;overflow:hidden;border-radius:10px;transition:box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;width:90%;margin:0 auto}.game-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.game-thumbnail{border-radius:10px;width:100%;height:auto}.game-info{margin-top:15px;text-align:center}.game-info h3{margin-bottom:5px;font-size:18px;color:#333}.game-date{font-size:14px;color:#666;margin-bottom:5px}.game-description{font-size:16px;color:#555;margin-bottom:10px}.play-button{background-color:#00887a;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:5px;transition:background-color .3s}.play-button:hover{background-color:#00695c}.slick-next:before,.slick-prev:before{color:#000}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.custom-modal{position:relative;width:90%;height:90vh;background:#fff;border-radius:10px;overflow:hidden;-webkit-animation:scaleIn .3s ease;animation:scaleIn .3s ease}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;color:#333;cursor:pointer}.close-button:hover{color:#ff6b6b}@media (max-width:768px){.gallery-heading{text-align:left;font-size:24px;color:#00887a}.game-gallery{width:100%;padding:0}.game-card{width:100%}}
/*# sourceMappingURL=main.73da25cc.chunk.css.map */