html.not-supported #main{display:none}html.not-supported #footer{display:none}#main{position:relative;opacity:0;transition:opacity .5s;display:none}#logo-container{max-width:150px;width:100%;margin:0 auto;padding:5px 5px 0 5px}#logo{cursor:pointer}#fixed-menu{position:fixed;z-index:2}#menu-container{padding:10px;background-color:#dbe4e4;border:4px solid #393c44;border-radius:4px}#menu-container ul{position:relative;list-style:none;white-space:nowrap;overflow-y:hidden;margin:0;padding:0 17px}#menu-container ul li{position:relative;cursor:pointer;font-size:18px;font-weight:bolder;margin:5px 0}#contact-option ul li.active::before,#menu-container ul li.active::before{position:absolute;top:4px;left:-17px;width:10px;height:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);background-color:#393c44;content:''}#contact-option ul li.active::after,#menu-container ul li.active::after{position:absolute;top:0;left:-20px;width:7px;height:20px;background-color:#dbe4e4;z-index:1;overflow:hidden;content:''}#about{background-color:#d4e1db;border:4px solid #393c44;border-radius:4px;margin-top:10px;padding:15px 0;transition:opacity .5s;z-index:0}.about-title{padding:5px 15px}.about-content{position:relative;padding:5px 15px 0 15px}.about-center{text-align:center;padding:5px 0 0 0}.about-title{background:url(../media/about-title-bg.png)}.about-title h4{margin:0}#profl-container{display:inline-block;position:relative;width:165px;height:165px;margin:0 15px}#mb{position:absolute;bottom:-13px;right:5px}#profl-video-pokeball-border{position:absolute;top:50%}#profl-video-pokeball-border::before{display:block;content:'';background-color:#c71122;height:82.5px;width:165px;border-radius:165px 165px 0 0;border:3px solid #000;position:absolute;top:-83px}#profl-video-pokeball-border::after{display:block;content:'';background-color:#fff;height:82.5px;width:165px;border-radius:0 0 165px 165px;border:3px solid #000;position:absolute;top:3px}#profl-video-mask{height:150px;width:150px}#profl-video{position:absolute;top:17px;left:17px;width:130px;height:135px;border-radius:50%}#bio{margin-top:20px;text-align:center}dl.center{display:inline-block;margin:0 15px;padding:5px;width:95%}dl.center dt{width:100px;text-align:right;float:left;text-transform:uppercase;direction:rtl;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dl.center dt::before{content:':';padding:0 5px}dl.center dd{text-align:left;padding-left:5px;margin-bottom:0;overflow:hidden}.jk{text-decoration:line-through}.skill-topic{border:2px solid #48485f;border-radius:2px;color:#f8f8f8;margin:0 0 10px 15px}.skill-topic:last-of-type{margin:0 0 0 15px}.skill-title{position:relative;background-image:url(../media/skill-bg.png);background-size:contain;text-transform:uppercase;padding:5px 5px 20px 30px}.skill-title span{letter-spacing:2px;font-weight:bolder}.skill-pb{font-weight:bolder;margin-bottom:20px}.skill-pb-unselected{background:url(../media/sprites.png) -1014px 0;position:absolute;width:40px;height:40px;left:-20px;top:-3px;margin-right:10px}.skill-pb-selected{background:url(../media/sprites.png) -1014px 0;position:absolute;width:40px;height:48px;left:-20px;top:-3px;margin-right:10px}.skill-indicator{background:url(../media/sprites.png) -2432px 0;width:140px;height:14px;float:right;margin:3px 0 0 5px}.skill-content{background-image:url(../media/skill-bottom-bg.png);color:#373a3c;overflow:hidden;padding:5px 10px}.skill-content p{margin:0;font-weight:bolder}.skill-content ul{list-style:none;margin:0;text-transform:uppercase;font-weight:700}.skill-content ul li span{margin-left:5px;float:right}#scroll-helper{padding:20px 0 20px 0;text-align:center;transition:opacity .5s}#scroll-helper h4{display:inline-block;font-size:26px;font-weight:bolder;margin:0 5px 0 0}#scroll-helper-img{position:relative;background:url(../media/sprites.png) -68px -95px;width:16px;height:16px;display:inline-block;animation:signToScroll 1s linear infinite}#timeline{position:relative;margin:0 0 20px 0;height:100%}#timeline-gap{height:50px}#timeline-line{position:absolute;left:50%;margin:0 0 0 -2px;border:2px solid #393c44;border-radius:2px;width:1px;height:100%}.event{display:block;position:relative;max-width:50%;margin-bottom:10px;clear:both;opacity:0;transition:opacity .5s}.event.contact{opacity:1;height:75px}.project-tags{padding-top:10px}.tag{display:inline-block;padding:2px 5px;background-color:#7dae7a;border:1px solid #6c976a;color:#393c44;font-size:16px;margin:3px}.event-content{position:relative;border:4px solid #393c44;background-color:#d4e1db;padding:10px}.event-content-title{border-bottom:1px solid #393c44}.event-title-contact{padding-left:48px}.event-left .event-title{position:relative;right:-24px}.event-right .event-title{position:relative;left:-24px}.event-left .event-content{border-top-left-radius:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.event-right .event-content{border-top-right-radius:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.event-left.contact #contact-building{margin:0 0 0 auto}.event-right.contact{margin:0 auto 0 0}.event-title h4{font-size:26px;font-weight:bolder;text-transform:uppercase;margin:0}.event-content p{margin:0}.event.event-left{float:left;padding-right:50px}.event-left .event-title{text-align:right}.event-left .event-content::before{display:block;position:absolute;content:'';top:-4px;right:-29px;width:28px;height:28px;border-top:28px solid #393c44;border-right:28px solid transparent}.event-left .event-content::after{display:block;position:absolute;content:'';top:0;right:-19px;width:20px;height:20px;border-top:20px solid #d4e1db;border-right:20px solid transparent}.event.event-right{float:right;padding-left:50px}.event-right .event-title{text-align:left}.event-right .event-content::before{display:block;position:absolute;content:'';top:-4px;left:-29px;width:28px;height:28px;border-top:28px solid #393c44;border-left:28px solid transparent}.event-right .event-content::after{display:block;position:absolute;content:'';top:0;left:-19px;width:20px;height:20px;border-top:20px solid #d4e1db;border-left:20px solid transparent}.event-content .event-link{margin-top:5px}#contact-building{position:relative;background:url(../media/sprites.png) -136px -298px;width:224px;height:158px;display:block;z-index:1}#transition-window{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#000;opacity:0;visibility:hidden}#kelvien{position:absolute;left:50%;background:url(../media/sprites.png) 0 -150px;width:32px;height:40px;margin-left:-16px;z-index:1}.dialog-box{position:absolute;top:-35px;left:1px;background:url(../media/sprites.png) 0 -424px;width:32px;height:24px;text-align:center;padding:4px 0;animation:love 1s steps(2) infinite;opacity:0;transition:opacity .2s}#companion{position:absolute;top:-36px;left:-2px;background:url(../media/sprites.png) -47px -460px;width:38px;height:38px;transform:scale(.8);-webkit-transform:scale(.8);-ms-transform:scale(.8);opacity:0;transition:opacity .5s}#kchats{position:absolute;bottom:0;right:40px;display:block;opacity:0;transition:opacity .3s}.kchat-wrapper{display:block;margin:2px;max-height:0;height:auto;transition:opacity .3s,max-height 2s;opacity:0;text-align:right}.kchat{display:inline-block;position:relative;background-color:#dbe4e4;border-radius:24px 5px 5px 24px;transition:border-radius .3s;padding:8px 10px;text-align:left}.kchat-wrapper:first-of-type .kchat{border-top-right-radius:24px}.kchat-wrapper:last-of-type .kchat{border-bottom-right-radius:24px}#kguest{position:absolute;display:none;top:50px}#kguest .email,#kguest .from,#kguest .message{min-height:18px}#kform-wrapper{opacity:0;visibility:hidden;transition:all .5s}#kguest-message-info{margin-left:50px}#kguest-circle{display:inline-block;width:45px;height:45px;background-color:#d2e3fc;border-radius:50%;color:#174ea6}#kform{border-radius:.5rem;border:double .75rem #393c44;box-shadow:inset 0 .125rem 0 #393c44,0 .125rem 0 #393c44;padding:.75rem;background-color:#fff;padding:10px 10px 0 10px;border-radius:10px;word-wrap:break-word;word-break:break-all}#kform-submit{background-color:#fff;margin-top:5px;border:2.5px solid #393c44;padding:1.25px 5px;display:inline-block;float:right;border-radius:.5rem;font-weight:bolder;cursor:pointer;border:double .75rem #393c44;box-shadow:inset 0 .125rem 0 #393c44,0 .125rem 0 #393c44}input,textarea{border:0;border-bottom:1px solid #555;outline:0;resize:none}.kform-input.from,.kform-input.message{margin-top:-5px;line-height:1}#kform .input-wrapper.inline{display:flex;align-items:flex-end;justify-content:center;white-space:nowrap}.input-label{padding-right:5px}.kform-input{width:100%}#kform.message{transition:all 1s;background-color:#d2e3fc;color:#174ea6;border:solid 0 #000;box-shadow:none;padding:10px;left:0;position:relative}.contact{width:100%}#canvas-container{position:absolute;top:0;left:0;visibility:hidden;opacity:0;transition:opacity .5s;overflow:hidden;z-index:-1}#canvas{position:relative;top:0;left:0;z-index:-1}.loading{opacity:0;transition:opacity .5s}#footer{display:block;width:100%;position:absolute;bottom:0;text-align:center;padding:5px;font-weight:bolder}@keyframes signToScroll{0%{top:-5px}50%{top:10px}100%{top:-5px}}@keyframes love{100%{background-position:-64px -424px}}@keyframes smile{100%{background-position:-128px -424px}}@keyframes sad{100%{background-position:-128px -390px}}body,html{position:relative;transition:opacity .5s}ul li{line-height:1.2}.text-right{text-align:right}span.email{letter-spacing:1px}.gap{width:100%;margin:5px}@media (max-width:576px){#timeline-line{left:25px}#kelvien{left:25px}.event{max-width:100%;padding-top:10px;padding-left:45px}.event.event-right{padding-left:80px}#kchats{left:40px}.kchat-wrapper{text-align:left}.kchat{border-radius:5px 24px 24px 5px}.kchat-wrapper:first-of-type .kchat{border-top-left-radius:24px}.kchat-wrapper:last-of-type .kchat{border-bottom-left-radius:24px}}@media (max-width:767px){#menu-container ul li{display:inline-block;margin:0 17px}}@media (min-width:1200px){.skill-indicator{max-width:140px;width:120%}}