@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:700|Montserrat+Alternates);#nav{background-color:#212121;color:#fff;position:fixed;top:0;left:0;width:120px;height:100%;text-align:center;z-index:4}.nav-link{color:#fff;display:block;padding:15px 5px;text-decoration:none;cursor:pointer}.nav-link.disabled{color:#454545;pointer-events:none}#nav .nav-link:hover{color:#27aae1;border-right:5px solid #27aae1}#nav .nav-link.selected{color:#8dc63f;border-right:5px solid #8dc63f}.notification:after{display:inline-block;content:"";margin-left:5px;margin-right:-15px;width:10px;height:10px;border-radius:50%;background-color:gold}#nav .nav-logo img{padding:20px;width:100%}@media screen and (max-width:600px){#nav{width:100%;height:60px;text-align:left;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}#nav .nav-logo{display:none}#nav .nav-logo img{padding:10px;height:100%;width:auto}#nav .nav-link{display:inline-block}#nav .nav-link:hover{color:#27aae1;border-bottom:5px solid #27aae1;border-right:none}#nav .nav-link.selected{color:#8dc63f;border-bottom:5px solid #8dc63f;border-right:none}}#hero{height:100%;min-height:500px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;overflow:hidden;position:relative}#heroo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.8)),url(/images/web-portfolio/dino-portrait-full.png);filter:grayscale(100%)}.hero-image{-o-object-fit:cover;object-fit:cover;filter:grayscale(100%)}.gradient,.hero-image{position:absolute;top:0;left:0;width:100%;height:100%}.gradient{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.6))}.hero-elements{position:relative}.hero-logo{width:200px;margin:0 25px 1rem 0}.hero-icons{margin-top:1rem}.hero-icon{width:60px;margin:0 25px;transition:all .2s ease-in-out}.hero-icon:hover{transform:translateY(-5px) scale(1.2)}@media only screen and (max-width:600px){#hero{min-height:unset}.hero-logo{display:none}}.image-slides .vueperslides__inner{overflow:hidden}.image-slides .vueperslides__track{max-height:calc(100vh - 32px)}.image-slides .vueperslides__arrow--prev{left:-16px}.image-slides .vueperslides__arrow--next{right:-16px}.preview-img{height:100%;width:100%;transition:all .2s ease-in-out;box-shadow:0 4px 5px 0 rgb(0 0 0/14%),0 1px 10px 0 rgb(0 0 0/12%),0 2px 4px -1px rgb(0 0 0/30%);cursor:zoom-in;-o-object-fit:cover;object-fit:cover}.preview-img:hover{opacity:.8}.image-modal{cursor:zoom-out;backdrop-filter:blur(.5rem);position:fixed;z-index:4;top:0;left:0;background-color:rgba(33,33,33,.75);height:100%;width:100%;padding:16px}.image-modal img{-o-object-fit:contain;object-fit:contain;height:100%;width:100%}.portfolio-devices{width:100%;margin-bottom:1rem}.paint-pics{padding:0 40px;width:100%;overflow:hidden}.paint-pic-container{cursor:pointer;padding:10px}.paint-pic{width:100%;transition:all .2s ease-in-out}.paint-pic-container:hover .paint-pic{transform:translateY(-5px);transform:scale(1.1)}.paint-pic-container.active{color:#8dc63f}.tag{display:inline-block;text-transform:lowercase;background-color:#d3d3d3;padding:2px 6px;margin:2px 2px;font-size:14px;border-radius:4px}.tool-logos{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.tool-logo{width:25%;height:100%;padding:10px;transition:all 1s ease-in-out}.tool-logo:hover{transform:scale(1.1);transition:all .1s ease-in-out}.interests{text-align:center}.interest-icon{width:80px;transition:all 1s ease-in-out;margin-top:10px;margin-bottom:15px}.interest-icon:hover{transform:scale(1.1);transition:all .1s ease-in-out}@media only screen and (max-width:600px){.interests{text-align:left}.interest-icon{float:left;margin-top:5px;margin-bottom:0;margin-right:5px}}.contact-link{color:grey}.contact-link:hover{color:#27aae1}.email{word-wrap:break-word}#footer{padding:15px;background-color:#212121;text-align:center}.footer-icon{width:30px;margin:0 25px}.profiles{display:grid;grid-gap:10px;margin-top:10px;grid-template-columns:1fr 1fr 1fr}.profile{display:grid;grid-template-rows:1fr min-content;border:2px solid grey;grid-column:span 1;border-radius:10px;padding:10px}@media screen and (max-width:600px){.profile{grid-column:span 3}}@media only screen and (max-width:600px){form{display:flex}form input{flex-grow:4}form .btn{margin:0}}.bars{max-width:128px;width:100%;margin:auto}.bar{position:relative;width:100%;min-height:2px;margin:5px 0;background-color:#454545}.bar .bar-text{position:relative;color:#fff;font-size:10px;line-height:1;padding-top:1px}.bar .inner-bar{position:absolute;left:0;top:0;height:100%;transition:width .5s}.letters{letter-spacing:10px}.word-guess{border:2px solid grey;border-radius:10px;padding:10px;margin-top:10px}.quest-board{display:grid;grid-gap:10px;margin-top:10px;grid-template-columns:1fr 1fr 1fr}.quest{display:grid;grid-template-rows:1fr min-content;border:2px solid grey;grid-column:span 1;border-radius:10px;padding:10px}@media screen and (max-width:600px){.quest{grid-column:span 3}}.stats{display:grid;grid-gap:10px;margin-top:10px;grid-template-columns:repeat(6,1fr)}.stat{grid-column:span 3}.region,.stat{border:2px solid grey;border-radius:10px;padding:10px}.region{grid-column:span 2}.title{border:2px solid grey;border-radius:10px;padding:10px;grid-column:span 6}@media screen and (max-width:600px){.region,.stat,.title{grid-column:span 6}}#game{color:#fff;width:calc(100% - 100px);height:100%;background-color:#212121;background-image:url(/images/game/world-map.jpg);background-size:cover;background-position:50%;position:fixed;top:0;z-index:3;overflow:auto;animation-timing-function:ease;animation:slide-in-left 3s;animation-iteration-count:1}.game-header p{display:flex;justify-content:center;align-items:center}.location-sprite{width:32px;margin:-16px 10px;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.message-box{border:2px solid grey;border-radius:10px;padding:10px}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fade-in{0%{opacity:0}50%{opacity:0}to{opacity:1}}#game .container{animation-timing-function:ease;animation:fade-in 3s;animation-iteration-count:1}.game-header{text-align:center}#game input{font-family:Montserrat Alternates,sans-serif;font-size:100%;background-color:transparent;border:2px solid grey;border-radius:10px;padding:10px;margin-right:10px}#game input:focus{outline:none;border-color:#fff}@media screen and (max-width:600px){#game{width:100%;height:calc(100% - 60px);top:60px}.game-title{display:none}#game .container{display:grid;grid-template-rows:max-content max-content 1fr;height:calc(100% - 60px);width:100%;padding:0 15px 15px;position:fixed;top:60px;left:0}.screen-bottom{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;padding:2px}.screen-bottom::-webkit-scrollbar{display:none}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#f5f5f5;font-family:Montserrat Alternates,sans-serif;color:#212121}h1,h2,h3,h4,h5,h6,p{margin:1rem 0}h1{font-size:4.2rem}h4{font-size:2.28rem}h5{font-size:1.64rem}h6{font-size:1.15rem}p{line-height:1.5}.container{width:90%;max-width:1200px;margin:auto;margin-bottom:2rem}.bg-white{background-color:#fff}.bg-green{background-color:#8dc63f}.bg-jade{background-color:#2bb673}.bg-blue{background-color:#27aae1}.bg-purple{background-color:#ab08d4}.bg-gold{background-color:gold}.bg-red{background-color:#f44336}.bg-gray{background-color:grey}.text-white{color:#fff}.text-green{color:#8dc63f}.text-jade{color:#2bb673}.text-blue{color:#27aae1}.text-purple{color:#ab08d4}.text-gold{color:gold}.text-red{color:#f44336}.text-gray{color:grey}#main-content{width:calc(100% - 120px);margin-left:120px}.section-title{background-color:#212121;padding:15px;margin-bottom:2rem;position:sticky;top:0;z-index:3}.section-title h4{margin:0;text-align:center}.section-header{border-bottom:2px solid grey;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.row-2{grid-row:span 2}.btn{box-sizing:border-box;font-family:Montserrat Alternates,sans-serif;font-weight:700;line-height:1.5;font-size:1rem;background-color:#8dc63f;color:#fff;padding:10px 15px;border:none;outline:none;margin-right:10px;margin-bottom:10px;cursor:pointer;border-radius:5px;box-shadow:0 2px 2px 0 rgb(0 0 0/14%),0 3px 1px -2px rgb(0 0 0/12%),0 1px 5px 0 rgb(0 0 0/20%)}.btn:hover{background-color:#212121;color:#8dc63f;box-shadow:0 0 0 2px #8dc63f,0 2px 2px 0 rgb(0 0 0/14%),0 3px 1px -2px rgb(0 0 0/12%),0 1px 5px 0 rgb(0 0 0/20%)}.btn.btn-green{background-color:#8dc63f}.btn.btn-green:hover{color:#8dc63f;background-color:#212121;box-shadow:0 0 0 2px #8dc63f,0 2px 2px 0 rgb(0 0 0/14%),0 3px 1px -2px rgb(0 0 0/12%),0 1px 5px 0 rgb(0 0 0/20%)}.btn.btn-blue{background-color:#27aae1}.btn.btn-blue:hover{color:#27aae1;background-color:#212121;box-shadow:0 0 0 2px #27aae1,0 2px 2px 0 rgb(0 0 0/14%),0 3px 1px -2px rgb(0 0 0/12%),0 1px 5px 0 rgb(0 0 0/20%)}.btn.btn-jade{background-color:#2bb673}.btn.btn-jade:hover{color:#2bb673;background-color:#212121;box-shadow:0 0 0 2px #2bb673,0 2px 2px 0 rgb(0 0 0/14%),0 3px 1px -2px rgb(0 0 0/12%),0 1px 5px 0 rgb(0 0 0/20%)}.btn.btn-inv{color:#fff;background-color:#212121;box-shadow:0 0 0 2px #fff,0 2px 2px 0 rgb(0 0 0/14%),0 3px 1px -2px rgb(0 0 0/12%),0 1px 5px 0 rgb(0 0 0/20%)}.btn.btn-inv:hover{color:#212121;background-color:#fff;box-shadow:none}.btn.disabled{background-color:grey;pointer-events:none;color:#212121;box-shadow:none}.btn i.left{float:left;margin-right:10px}.btn i.right{margin-left:10px;float:right}.rotate{animation:rotate .8s!important;animation-iteration-count:1;transform:scale(1.1)}.event-display{display:grid;grid-template-columns:1fr 1fr;text-align:center}.event-display .left-display,.event-display .right-display{padding:10px}.enter-left{animation-name:enter-left;animation-timing-function:ease;transform-origin:bottom;animation-duration:.3s;animation-iteration-count:1}.event-display .display-text{margin:1rem 0}.event-display .display-text p{margin:0}.profile-sprite{width:16px;height:16px}.game-sprite,.profile-sprite{image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.game-sprite{width:64px;height:64px}.item-sprite{width:32px}.ability-sprite,.item-sprite{position:absolute;display:none;z-index:1;top:0;image-rendering:optimizeSpeed;image-rendering:-o-crisp-edges;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.ability-sprite{width:64px}.note{position:absolute;display:none;z-index:1;top:0}.left-display .item-sprite{right:-36px}.left-display .note{left:-20px}.right-display .item-sprite{left:-36px}.right-display .note{right:-20px}.sprite-container{position:relative;width:-moz-min-content;width:min-content;margin:auto}.section-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.section-buttons button{margin:0;display:flex;justify-content:center}.select-buttons{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.select-buttons .btn{margin:0}.vueperslides__bullet .default{background-color:#212121;border-color:#8dc63f;border-width:0}.vueperslides__bullet--active .default{border-width:6px}.idle{animation-name:idle;animation-timing-function:ease;animation-duration:2s;animation-iteration-count:infinite}.idle,.walk{transform-origin:bottom}.walk{animation-name:walk;animation-timing-function:ease;animation-duration:.6s;animation-iteration-count:infinite}.jump{animation-name:jump;animation-timing-function:ease;animation-duration:.3s;animation-iteration-count:infinite}.jump,.use-item{transform-origin:bottom}.use-item{animation-name:jump;animation-timing-function:ease;animation-duration:.3s;animation-iteration-count:1}.ability-right{display:block;transform:translateX(128px);animation-name:ability-right;animation-timing-function:ease;transform-origin:bottom;animation-duration:.1s;animation-iteration-count:1}.ability-left{display:block;transform:translateX(-128px) scaleX(-1);animation-name:ability-left;animation-timing-function:ease;transform-origin:bottom;animation-duration:.1s;animation-iteration-count:1}.attack-right{animation-name:attack-right;animation-timing-function:ease;transform-origin:bottom;animation-duration:.3s;animation-iteration-count:1}.attack-left{animation-name:attack-left;animation-timing-function:ease;animation-duration:.3s;animation-iteration-count:1}.attack-left,.damage{transform-origin:bottom}.damage{animation-name:damage;animation-timing-function:ease;animation-duration:.3s;animation-iteration-count:1}.dodge{animation-name:dodge;animation-timing-function:ease;transform-origin:bottom;animation-duration:.3s;animation-iteration-count:1}.item-rise{display:block;animation-name:item-rise;animation-timing-function:ease;transform-origin:bottom;animation-duration:.3s;animation-iteration-count:1;transform:translateY(-10px)}.buffer{animation-name:buffer;animation-timing-function:ease;transform-origin:bottom;animation-duration:.3s;animation-iteration-count:2}.die-left{animation-name:die-left;animation-timing-function:ease;transform-origin:bottom;animation-duration:.3s;animation-iteration-count:1;transform:rotate(-90deg) scaleY(1.2) scaleX(.8) translateX(10px)}.die-right{animation-name:die-right;animation-timing-function:ease;transform-origin:bottom;animation-duration:.3s;animation-iteration-count:1;transform:rotate(90deg) scaleY(1.2) scaleX(.8) translateX(-10px)}.d-block{display:block!important}.d-in-block{display:inline-block!important}.d-none{display:none!important}.square{position:relative;width:100%;overflow:hidden;display:block;padding-top:100%;box-shadow:0 4px 5px 0 rgb(0 0 0/14%),0 1px 10px 0 rgb(0 0 0/12%),0 2px 4px -1px rgb(0 0 0/30%)}.square:after{content:"";padding-top:50%}.square-img{position:absolute;-o-object-fit:cover;object-fit:cover}.image-slides,.square-img{top:0;left:0;width:100%;height:100%}.image-slides{position:fixed;z-index:4;cursor:zoom-out;backdrop-filter:blur(.5rem);background-color:rgba(33,33,33,.75);padding:16px}.slide,.slide-pic{height:100%;width:100%}.slide-pic{-o-object-fit:contain;object-fit:contain}.image-slides .vueperslide__content,.image-slides .vueperslides,.image-slides .vueperslides__inner,.image-slides .vueperslides__parallax-wrapper{height:100%}@keyframes item-rise{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes die-left{0%{transform:scaleY(1)}to{transform:rotate(-90deg) scaleY(1.2) scaleX(.8) translateX(10px)}}@keyframes die-right{0%{transform:scaleY(1)}to{transform:rotate(90deg) scaleY(1.2) scaleX(.8) translateX(-10px)}}@keyframes idle{0%{transform:scaleY(1)}50%{transform:scaleY(1.1)}to{transform:scaleY(1)}}@keyframes walk{0%{transform:translateY(0) scaleX(1.1)}25%{transform:translateY(-10px) scaleY(1.1) rotate(-10deg)}50%{transform:translateY(0) scaleX(1.1)}75%{transform:translateY(-10px) scaleY(1.1) rotate(10deg)}to{transform:translateY(0) scaleX(1.1)}}@keyframes jump{0%{transform:translateY(0) scaleX(1.1)}50%{transform:translateY(-15px) scaleY(1.1)}to{transform:translateY(0) scaleX(1.1)}}@keyframes ability-right{0%{transform:translateX(64px)}to{transform:translateX(128px)}}@keyframes ability-left{0%{transform:translateX(-64px) scaleX(-1)}to{transform:translateX(-128px) scaleX(-1)}}@keyframes attack-right{0%{transform:translateX(0)}50%{transform:translateX(64px) scaleY(.8) scaleX(1.2)}to{transform:translateX(0)}}@keyframes attack-left{0%{transform:translateX(0)}50%{transform:translateX(-64px) scaleY(.8) scaleX(1.2)}to{transform:translateX(0)}}@keyframes enter-left{0%{transform:translateX(64px)}to{transform:translateX(0)}}@keyframes damage{0%{transform:translate(1px,1px) rotate(0deg)}20%{transform:translate(-3px) rotate(1deg)}40%{transform:translate(1px,-1px) rotate(1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes dodge{0%{transform:scale(1)}50%{transform:scaleY(.6)}to{transform:scale(1)}}@keyframes buffer{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg) scale(1.1)}to{transform:rotate(359deg) scale(1.1)}}@media screen and (max-width:600px){h1{font-size:2rem}#main-content{width:100%;margin:60px 0 0}.grid{grid-gap:5px}.s_col-1{grid-column:span 1}.s_col-2{grid-column:span 2}.s_col-3{grid-column:span 3}.s_col-4{grid-column:span 4}.s_col-5{grid-column:span 5}.s_col-6{grid-column:span 6}.s_col-7{grid-column:span 7}.s_col-8{grid-column:span 8}.s_col-9{grid-column:span 9}.s_col-10{grid-column:span 10}.s_col-11{grid-column:span 11}.s_col-12{grid-column:span 12}.s_d-block{display:block!important}.s_d-in-block{display:inline-block!important}.s_d-none{display:none!important}.full-buttons{display:grid;grid-gap:10px;grid-template-columns:1fr}.full-buttons a{text-decoration:none}.full-buttons .btn{margin:0}.dual-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.dual-buttons a{text-decoration:none}.dual-buttons .btn{width:100%;margin:0;display:flex;justify-content:center}.quad-buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px}.quad-buttons a{text-decoration:none}.quad-buttons .btn{width:100%;margin:0;display:flex;justify-content:center}.six-buttons{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px}.six-buttons a{text-decoration:none}.six-buttons .btn{width:100%;margin:0;display:flex;justify-content:center}.section-title{position:static}}