*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.container{padding:0 15px;margin:0 auto}.max-width{max-width:1400px;margin:0 auto}.row{margin:0 -11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.row-full-width{margin:0 -15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.column{margin:0 -11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}.column-full-width{margin:0 -15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.text-center{text-align:center}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.col-md-1{padding:0 11px;max-width:8.3333333333%;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%}.col-md-2{padding:0 11px;max-width:16.6666666667%;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%}.col-md-3{padding:0 11px;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.col-md-4{padding:0 11px;max-width:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%}.col-md-5{padding:0 11px;max-width:41.6666666667%;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%}.col-md-6{padding:0 11px;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.col-md-7{padding:0 11px;max-width:58.3333333333%;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%}.col-md-8{padding:0 11px;max-width:66.6666666667%;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%}.col-md-9{padding:0 11px;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.col-md-10{padding:0 11px;max-width:83.3333333333%;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%}.col-md-11{padding:0 11px;max-width:91.6666666667%;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%}.col-md-12{padding:0 11px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.col-no-padding{padding:0}@media screen and (min-width: 1400px){.col-lg-1{padding:0 11px;max-width:8.3333333333%;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%}.col-lg-2{padding:0 11px;max-width:16.6666666667%;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%}.col-lg-3{padding:0 11px;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.col-lg-4{padding:0 11px;max-width:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%}.col-lg-5{padding:0 11px;max-width:41.6666666667%;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%}.col-lg-6{padding:0 11px;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.col-lg-7{padding:0 11px;max-width:58.3333333333%;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%}.col-lg-8{padding:0 11px;max-width:66.6666666667%;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%}.col-lg-9{padding:0 11px;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.col-lg-10{padding:0 11px;max-width:83.3333333333%;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%}.col-lg-11{padding:0 11px;max-width:91.6666666667%;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%}.col-lg-12{padding:0 11px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (min-width: 1200px) and (max-width: 1399px){.col-ml-1{padding:0 11px;max-width:8.3333333333%;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%}.col-ml-2{padding:0 11px;max-width:16.6666666667%;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%}.col-ml-3{padding:0 11px;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.col-ml-4{padding:0 11px;max-width:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%}.col-ml-5{padding:0 11px;max-width:41.6666666667%;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%}.col-ml-6{padding:0 11px;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.col-ml-7{padding:0 11px;max-width:58.3333333333%;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%}.col-ml-8{padding:0 11px;max-width:66.6666666667%;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%}.col-ml-9{padding:0 11px;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.col-ml-10{padding:0 11px;max-width:83.3333333333%;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%}.col-ml-11{padding:0 11px;max-width:91.6666666667%;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%}.col-ml-12{padding:0 11px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (max-width: 1023px){.col-sm-1{padding:0 11px;max-width:8.3333333333%;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%}.col-sm-2{padding:0 11px;max-width:16.6666666667%;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%}.col-sm-3{padding:0 11px;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.col-sm-4{padding:0 11px;max-width:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%}.col-sm-5{padding:0 11px;max-width:41.6666666667%;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%}.col-sm-6{padding:0 11px;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.col-sm-7{padding:0 11px;max-width:58.3333333333%;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%}.col-sm-8{padding:0 11px;max-width:66.6666666667%;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%}.col-sm-9{padding:0 11px;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.col-sm-10{padding:0 11px;max-width:83.3333333333%;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%}.col-sm-11{padding:0 11px;max-width:91.6666666667%;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%}.col-sm-12{padding:0 11px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (max-width: 768px){.col-sd-1{padding:0 11px;max-width:8.3333333333%;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%}.col-sd-2{padding:0 11px;max-width:16.6666666667%;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%}.col-sd-3{padding:0 11px;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.col-sd-4{padding:0 11px;max-width:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%}.col-sd-5{padding:0 11px;max-width:41.6666666667%;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%}.col-sd-6{padding:0 11px;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.col-sd-7{padding:0 11px;max-width:58.3333333333%;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%}.col-sd-8{padding:0 11px;max-width:66.6666666667%;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%}.col-sd-9{padding:0 11px;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.col-sd-10{padding:0 11px;max-width:83.3333333333%;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%}.col-sd-11{padding:0 11px;max-width:91.6666666667%;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%}.col-sd-12{padding:0 11px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media screen and (max-width: 480px){.col-xs-1{padding:0 11px;max-width:8.3333333333%;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%}.col-xs-2{padding:0 11px;max-width:16.6666666667%;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%}.col-xs-3{padding:0 11px;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.col-xs-4{padding:0 11px;max-width:33.3333333333%;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%}.col-xs-5{padding:0 11px;max-width:41.6666666667%;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%}.col-xs-6{padding:0 11px;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.col-xs-7{padding:0 11px;max-width:58.3333333333%;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%}.col-xs-8{padding:0 11px;max-width:66.6666666667%;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%}.col-xs-9{padding:0 11px;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.col-xs-10{padding:0 11px;max-width:83.3333333333%;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%}.col-xs-11{padding:0 11px;max-width:91.6666666667%;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%}.col-xs-12{padding:0 11px;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}body{font:400 16px/1.3em roboto,sans-serif;color:#232323;-webkit-font-smoothing:antialiased}#welcome-container{width:100vw;height:100vh;background-color:#232323;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.welcome-text{font:300 40px canada-type-gibson,sans-serif;margin-bottom:50px}.welcome-text div{display:inline-block}.welcome-text div:nth-child(2){font:400 40px canada-type-gibson,sans-serif;color:#EF4F51}.welcome-text::after{content:"_";margin-right:-20px;-webkit-animation:cursor-blink infinite;animation:cursor-blink infinite;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:steps(1, end);animation-timing-function:steps(1, end)}@-webkit-keyframes cursor-blink{0%{opacity:0}50%{opacity:1}0%{opacity:0}}@keyframes cursor-blink{0%{opacity:0}50%{opacity:1}0%{opacity:0}}.welcome-arrow{width:0;height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden;-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);-webkit-animation:welcome-arrow 1s forwards;animation:welcome-arrow 1s forwards;-webkit-animation-delay:4.3s;animation-delay:4.3s}.welcome-arrow:hover .welcome-arrow-down{-webkit-transform:rotate(45deg) translate(5px, 5px) skew(10deg, 10deg);-ms-transform:rotate(45deg) translate(5px, 5px) skew(10deg, 10deg);transform:rotate(45deg) translate(5px, 5px) skew(10deg, 10deg)}.welcome-arrow-padding{padding:30px}.welcome-arrow-down{border:solid #FFFFFF;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);padding:10px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}@-webkit-keyframes welcome-arrow{0%{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px);visibility:hidden}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}@keyframes welcome-arrow{0%{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px);visibility:hidden}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}}#navbar{width:100%;top:0;left:0;z-index:100;background-color:#fff;height:60px;border-bottom:3px solid #D83C3F;font:400 16px roboto,sans-serif}#navbar-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.nav-items-ul{list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}.nav-links{text-decoration:none;color:#434343;margin-right:20px;-webkit-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}.nav-links:hover{color:#FF1317}.nav-links-active{color:#EF4F51}.nav-logo{margin-left:30px;width:50px;height:50px;cursor:pointer}#navbar-toggler{display:none}.navbar-sticky{position:fixed;top:0;width:100%}.section h1{font:400 40px/1.5em canada-type-gibson,sans-serif;text-transform:uppercase;color:#434343}.section h2{font:400 22px/1.5em canada-type-gibson,sans-serif;color:#434343}.section-underline{width:70px;height:4px;background-color:#434343;border-radius:2px}.title{padding:32px 0}.hidden-fade-up{opacity:0}.active-fade-up{-webkit-animation:fade-up .75s forwards;animation:fade-up .75s forwards}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(-48px);transform:translateY(-48px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-up{0%{-webkit-transform:translateY(-48px);transform:translateY(-48px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.hidden-fade-right{opacity:0}.active-fade-right{-webkit-animation:fade-right .75s forwards;animation:fade-right .75s forwards}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-right{0%{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.hidden-fade-left{opacity:0}.active-fade-left{-webkit-animation:fade-left .75s forwards;animation:fade-left .75s forwards}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-left{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.hidden-rotate-y{opacity:0}.active-rotate-y{-webkit-animation:rotate-y .75s forwards;animation:rotate-y .75s forwards}@-webkit-keyframes rotate-y{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}@keyframes rotate-y{0%{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}.section:nth-child(1){background-color:#fff;padding-bottom:64px}.profile-picture{max-width:300px}.profile-picture img{width:100%;border-radius:50%;border:2px solid #434343}.about-me{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.about-me h2{padding-bottom:8px;color:#EF4F51}.about-me p{padding-bottom:6px}.section:nth-child(2){background-color:#F5F5F5;padding-bottom:64px}.skills-bar{max-width:800px;height:40px;position:relative;background-color:#E1E1E1;margin:0 auto 15px}.skills-bar-skill{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#D83C3F;height:100%;color:#fff;width:30%;z-index:2}.skills-bar-rating{height:100%;width:0%;position:absolute;left:0;background-color:#EF4F51;z-index:1}.skills-bar:nth-child(1) .skills-bar-animation{-webkit-animation:html 1s forwards;animation:html 1s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes html{0%{width:0}100%{width:60%}}@keyframes html{0%{width:0}100%{width:60%}}.skills-bar:nth-child(1) .skills-bar-bg .skills-bar-percentage{-webkit-animation-delay:1s;animation-delay:1s}.skills-bar:nth-child(2) .skills-bar-animation{-webkit-animation:css 1s forwards;animation:css 1s forwards;-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes css{0%{width:0}100%{width:54%}}@keyframes css{0%{width:0}100%{width:54%}}.skills-bar:nth-child(2) .skills-bar-bg .skills-bar-percentage{-webkit-animation-delay:1.25s;animation-delay:1.25s}.skills-bar:nth-child(3) .skills-bar-animation{-webkit-animation:javascript 1s forwards;animation:javascript 1s forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes javascript{0%{width:0}100%{width:48%}}@keyframes javascript{0%{width:0}100%{width:48%}}.skills-bar:nth-child(3) .skills-bar-bg .skills-bar-percentage{-webkit-animation-delay:1.5s;animation-delay:1.5s}.skills-bar:nth-child(4) .skills-bar-animation{-webkit-animation:dreamweaver 1s forwards;animation:dreamweaver 1s forwards;-webkit-animation-delay:1.25s;animation-delay:1.25s}@-webkit-keyframes dreamweaver{0%{width:0}100%{width:66%}}@keyframes dreamweaver{0%{width:0}100%{width:66%}}.skills-bar:nth-child(4) .skills-bar-bg .skills-bar-percentage{-webkit-animation-delay:1.75s;animation-delay:1.75s}.skills-bar:nth-child(5) .skills-bar-animation{-webkit-animation:photoshop 1s forwards;animation:photoshop 1s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes photoshop{0%{width:0}100%{width:54%}}@keyframes photoshop{0%{width:0}100%{width:54%}}.skills-bar:nth-child(5) .skills-bar-bg .skills-bar-percentage{-webkit-animation-delay:2s;animation-delay:2s}.skills-bar:nth-child(6) .skills-bar-animation{-webkit-animation:illustrator 1s forwards;animation:illustrator 1s forwards;-webkit-animation-delay:1.75s;animation-delay:1.75s}@-webkit-keyframes illustrator{0%{width:0}100%{width:48%}}@keyframes illustrator{0%{width:0}100%{width:48%}}.skills-bar:nth-child(6) .skills-bar-bg .skills-bar-percentage{-webkit-animation-delay:2.25s;animation-delay:2.25s}.skills-bar-bg .skills-bar-percentage{-webkit-animation:skill-percentage 1s forwards;animation:skill-percentage 1s forwards}@-webkit-keyframes skill-percentage{0%{opacity:0}100%{opacity:1}}@keyframes skill-percentage{0%{opacity:0}100%{opacity:1}}.skills-bar-bg{width:10%;height:100%;position:absolute;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3;color:#232323;border-left:1px solid #C1C1C1}.skills-bar-bg p{opacity:0}.section:nth-child(3){background-color:#fff;padding-bottom:64px}.portfolio-tab-container{max-width:768px;margin:0 auto;font:500 16px roboto,sans-serif}.portfolio-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:738px;margin:0 auto;position:relative;z-index:1}.portfolio-tab-link{text-decoration:none;color:#232323;padding:5px 40px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.portfolio-tab-link:hover{color:#FF1317}.portfolio-tab-link-active{color:#fff}.portfolio-tab-link-active:hover{color:#fff}.portfolio-tab-float{position:absolute;top:0;background-color:#D83C3F;height:100%;width:98.83px;left:79px;z-index:-1;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.portfolio-tab-float-projects{width:139.23px;left:257px}.portfolio-tab-float-codesnippets{width:183.98px;left:475px}.portfolio-tab-content{position:relative;text-align:center}.portfolio-tab-panel{position:absolute;width:100%;top:0;padding:10px 0;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none}.portfolio-tab-panel-active{display:inline-block;position:relative;opacity:1;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:auto}.portfolio-tab-panel-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projects-content{opacity:0}.projects-animation{-webkit-animation:projects .3s forwards;animation:projects .3s forwards}@-webkit-keyframes projects{0%{opacity:0}100%{opacity:1}}@keyframes projects{0%{opacity:0}100%{opacity:1}}.projects-content:nth-child(1){-webkit-animation-delay:.15s;animation-delay:.15s}.projects-content:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.projects-content:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.projects-content:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.projects-content:nth-child(5){-webkit-animation-delay:.75s;animation-delay:.75s}.projects-content:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}.codesnippets-content{opacity:0}.codesnippets-animation{-webkit-animation:codesnippets .3s forwards;animation:codesnippets .3s forwards}@-webkit-keyframes codesnippets{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes codesnippets{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.codesnippets-content:nth-child(1){-webkit-animation-delay:.15s;animation-delay:.15s}.codesnippets-content:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.codesnippets-content:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.codesnippets-content:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.codesnippets-content:nth-child(5){-webkit-animation-delay:.75s;animation-delay:.75s}.codesnippets-content:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}.portfolio-all-content{opacity:0}.portfolio-all-animation{-webkit-animation:portfolio-all .3s forwards;animation:portfolio-all .3s forwards}@-webkit-keyframes portfolio-all{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes portfolio-all{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.portfolio-all-content:nth-child(1){-webkit-animation-delay:.15s;animation-delay:.15s}.portfolio-all-content:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.portfolio-all-content:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.portfolio-all-content:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.portfolio-all-content:nth-child(5){-webkit-animation-delay:.75s;animation-delay:.75s}.portfolio-all-content:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}.portfolio-all-content:nth-child(7){-webkit-animation-delay:1.05s;animation-delay:1.05s}.portfolio-all-content:nth-child(8){-webkit-animation-delay:1.2s;animation-delay:1.2s}.portfolio-all-content:nth-child(9){-webkit-animation-delay:1.35s;animation-delay:1.35s}.portfolio-all-content:nth-child(10){-webkit-animation-delay:1.5s;animation-delay:1.5s}.portfolio-all-content:nth-child(11){-webkit-animation-delay:1.65s;animation-delay:1.65s}.portfolio-all-content:nth-child(12){-webkit-animation-delay:1.8s;animation-delay:1.8s}.section:nth-child(4){background-color:#F5F5F5;padding-bottom:64px}.hobbies-tab-container{max-width:768px;margin:0 auto;font:500 16px roboto,sans-serif}.hobbies-tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:738px;margin:0 auto;position:relative;z-index:1}.hobbies-tab-link{text-decoration:none;color:#232323;padding:5px 40px;text-align:center;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.hobbies-tab-link:hover{color:#FF1317}.hobbies-tab-link-active{color:#fff}.hobbies-tab-link-active:hover{color:#fff}.hobbies-tab-float{position:absolute;top:0;background-color:#D83C3F;height:100%;width:98.83px;left:56px;z-index:-1;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.hobbies-tab-float-photography{width:171.22px;left:210px}.hobbies-tab-float-photoshop-illustrator{width:244.89px;left:437px}.hobbies-tab-content{position:relative;text-align:center}.hobbies-tab-panel{position:absolute;width:100%;top:0;padding:10px 0;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none}.hobbies-tab-panel-active{display:inline-block;position:relative;opacity:1;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:auto}.hobbies-tab-panel-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.photography-content{opacity:0}.photography-animation{-webkit-animation:photography .3s forwards;animation:photography .3s forwards}@-webkit-keyframes photography{0%{opacity:0}100%{opacity:1}}@keyframes photography{0%{opacity:0}100%{opacity:1}}.photography-content:nth-child(1){-webkit-animation-delay:.15s;animation-delay:.15s}.photography-content:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.photography-content:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.photography-content:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.photography-content:nth-child(5){-webkit-animation-delay:.75s;animation-delay:.75s}.photography-content:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}.photoshop-illustrator-content{opacity:0}.photoshop-illustrator-animation{-webkit-animation:photoshop-illustrator .3s forwards;animation:photoshop-illustrator .3s forwards}@-webkit-keyframes photoshop-illustrator{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes photoshop-illustrator{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.photoshop-illustrator-content:nth-child(1){-webkit-animation-delay:.15s;animation-delay:.15s}.photoshop-illustrator-content:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.photoshop-illustrator-content:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.photoshop-illustrator-content:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.photoshop-illustrator-content:nth-child(5){-webkit-animation-delay:.75s;animation-delay:.75s}.photoshop-illustrator-content:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}.hobbies-all-content{opacity:0}.hobbies-all-animation{-webkit-animation:hobbies-all .3s forwards;animation:hobbies-all .3s forwards}@-webkit-keyframes hobbies-all{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hobbies-all{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hobbies-all-content:nth-child(1){-webkit-animation-delay:.15s;animation-delay:.15s}.hobbies-all-content:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.hobbies-all-content:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.hobbies-all-content:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.hobbies-all-content:nth-child(5){-webkit-animation-delay:.75s;animation-delay:.75s}.hobbies-all-content:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}.hobbies-all-content:nth-child(7){-webkit-animation-delay:1.05s;animation-delay:1.05s}.hobbies-all-content:nth-child(8){-webkit-animation-delay:1.2s;animation-delay:1.2s}.hobbies-all-content:nth-child(9){-webkit-animation-delay:1.35s;animation-delay:1.35s}.hobbies-all-content:nth-child(10){-webkit-animation-delay:1.5s;animation-delay:1.5s}.hobbies-all-content:nth-child(11){-webkit-animation-delay:1.65s;animation-delay:1.65s}.hobbies-all-content:nth-child(12){-webkit-animation-delay:1.8s;animation-delay:1.8s}.section:nth-child(5){background-color:#303030;color:#fff;padding-bottom:64px}.section:nth-child(5) .title h1{color:#fff}.section:nth-child(5) .title div{background-color:#fff}.contact{position:relative}.contact-details h3{font:500 16px/1.3em roboto,sans-serif;color:#E2E2E2;padding-bottom:20px}#contact-envelope{width:100%;border-top:50px solid #FFFFFF;border-left:solid transparent;border-right:solid transparent;margin-bottom:-35px}.contact-icons svg{width:20%}.contact-icons a{text-decoration:none;color:#fff;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.contact-icons a:hover{color:#FF1317}.contact-icons-email{margin-top:20px}.contact-line{background-color:#fff;height:100%;width:5px;position:absolute;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:50%;top:50%;border-radius:10px}.contact-form{max-width:700px}.contact-form-content,.contact-form-submit{display:block;padding:10px;margin:5px;background-color:#434343;color:#E1E1E1;border:0;font:400 16px/1.3em roboto,sans-serif}.contact-form-content{width:100%}.contact-form-submit{border:2px solid #E1E1E1;border-radius:2px;display:inline-block;width:40%;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.contact-form-submit:hover{border-color:#EF4F51;background-color:#EF4F51;cursor:pointer}.contact-form-success{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#D83C3F;color:#FFF;overflow:hidden;height:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:5px;width:100%}.contact-form-success-show{padding:20px 0}.close-contact-form-success{cursor:pointer;color:#FFFFFF;font-size:24px;padding:0 10px;opacity:0.6;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.close-contact-form-success:hover{opacity:1}#dummy-div{display:none}.flip-card{position:relative;margin:8px 0}.flip-card .flip-card-front,.flip-card .flip-card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#FFFFFF;text-align:center;padding:5px;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;-webkit-box-shadow:0 0 10px -5px #232323;box-shadow:0 0 10px -5px #232323;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flip-card .flip-card-front{position:relative;top:0;left:0;z-index:1;-webkit-transform:rotateY(0);transform:rotateY(0);width:235px;height:235px}.flip-card .flip-card-back{position:absolute;top:0;left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);width:100%;height:100%}.flip-card:hover .flip-card-front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.flip-card:hover .flip-card-back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-card .code-background{background-color:#1E1E1E}.flip-card-back-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.flip-card-back-content-text p:nth-child(2){color:#D83C3F;font-weight:400}.flip-card-back-content-button{font:inherit;font-weight:400;text-decoration:none;color:#232323;padding:10px 20px;border-radius:8px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border:1px solid #D83C3F;background-color:#fff}.flip-card-back-content-button:hover{cursor:pointer;color:#fff;background-color:#D83C3F}.modal{position:fixed;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:999;pointer-events:none}.modal h1{font:400 40px/1.5em canada-type-gibson,sans-serif;color:#434343}.modal h2{font:400 22px/1.5em canada-type-gibson,sans-serif;color:#D83C3F}.modal-visible{pointer-events:auto}.modal-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.modal-background-visible{opacity:1}.modal-content{position:relative;background-color:#fff;-webkit-box-shadow:rgba(0,0,0,0.8) 0px 0px 30px 0px;box-shadow:rgba(0,0,0,0.8) 0px 0px 30px 0px;padding:20px;max-height:100%;max-width:600px;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-content-visible{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.modal-button{text-decoration:none;color:#232323}.modal-button:hover .modal-button-content{background-color:#D83C3F;color:#fff}.modal-button-content{display:inline-block;padding:10px 20px;border-radius:8px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border:1px solid #D83C3F;margin-top:20px;background-color:#fff}.modal-close-btn{position:absolute;bottom:30px;right:30px;font-size:50px;cursor:pointer;color:#232323;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.modal-close-btn:hover{color:#999999}.footer{width:100%;background-color:#232323;color:#fff;font:400 16px/1.3em canada-type-gibson,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:40px 0 30px;position:relative}.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px}.social-icons{width:50px;height:50px;margin:0 10px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.social-icons:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.footer-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0.8}.footer-text p:nth-child(2){color:#EF4F51}.footer-arrow-top-container{position:absolute;bottom:125px;z-index:3;cursor:pointer}.footer-arrow-top-container:hover .footer-arrow-top-bg{background-color:#EF4F51}.footer-arrow-top-bg{width:0;height:0;padding:25px;background-color:#D83C3F;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.footer-arrow-top{border:solid #fff;border-width:3px 0 0 3px;-webkit-transform:rotate(45deg) translate(7.5px, 7.5px);-ms-transform:rotate(45deg) translate(7.5px, 7.5px);transform:rotate(45deg) translate(7.5px, 7.5px);padding:10px;position:absolute}.footer-arrow-top:nth-child(1){-webkit-transform:rotate(45deg) translate(7.5px, 7.5px);-ms-transform:rotate(45deg) translate(7.5px, 7.5px);transform:rotate(45deg) translate(7.5px, 7.5px)}.footer-arrow-top:nth-child(2){-webkit-transform:rotate(45deg) translate(1.5px, 1.5px);-ms-transform:rotate(45deg) translate(1.5px, 1.5px);transform:rotate(45deg) translate(1.5px, 1.5px)}@media screen and (min-width: 1200px){body,.contact-form-content,.contact-form-submit{font:400 18px/1.3em roboto,sans-serif}.welcome-text{font:300 44px canada-type-gibson,sans-serif}.welcome-text div:nth-child(2){font:400 44px canada-type-gibson,sans-serif}.welcome-text::after{margin-right:-22px}#navbar{font:400 18px roboto,sans-serif}.section h1{font:400 44px/1.5em canada-type-gibson,sans-serif}.section h2{font:400 24px/1.5em canada-type-gibson,sans-serif}.portfolio-tab-container{font:500 18px roboto,sans-serif}.portfolio-tab-float{width:101.19px;left:73px}.portfolio-tab-float-projects{width:146.4px;left:248px}.portfolio-tab-float-codesnippets{width:196.98px;left:468px}.hobbies-tab-container{font:500 18px roboto,sans-serif}.hobbies-tab-float{width:101.19px;left:47px}.hobbies-tab-float-photography{width:182.63px;left:195px}.hobbies-tab-float-photoshop-illustrator{width:265.52px;left:425px}.contact-details h3{font:500 18px/1.3em roboto,sans-serif}.modal h1{font:400 44px/1.5em canada-type-gibson,sans-serif}.modal h2{font:400 24px/1.5em canada-type-gibson,sans-serif}.footer{font:400 18px/1.3em canada-type-gibson,sans-serif}}@media screen and (max-width: 768px){body,.contact-form-content,.contact-form-submit{font:400 14px/1.3em roboto,sans-serif}.welcome-text{font:300 36px canada-type-gibson,sans-serif}.welcome-text div:nth-child(2){font:400 36px canada-type-gibson,sans-serif}.welcome-text::after{margin-right:-18px}#navbar{font:400 14px roboto,sans-serif}#navbar-toggler{display:inline-block;padding:10px 0;cursor:pointer;margin-right:30px}.navbar-toggler-btn{display:block;position:relative;width:30px;height:5px;border-radius:5px;background-color:#434343;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.navbar-toggler-btn::before,.navbar-toggler-btn::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:#434343;border-radius:5px;-webkit-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.navbar-toggler-btn::before{top:10px}.navbar-toggler-btn::after{top:-10px}.navbar-toggler-btn-x .navbar-toggler-btn{background:transparent}.navbar-toggler-btn-x .navbar-toggler-btn::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}.navbar-toggler-btn-x .navbar-toggler-btn::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}#navbar-container{position:relative;top:0;left:0;width:100%}.nav-items{position:absolute;top:60px;left:0;width:100%;background-color:#fff;opacity:0.95;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;max-height:0;overflow:hidden;text-align:center;z-index:100}.nav-items-height{max-height:300px}.nav-items-ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;width:100%;display:inline-block}.nav-links{display:block;width:100%;padding:10px}.section h1{font:400 36px/1.5em canada-type-gibson,sans-serif}.section h2{font:400 20px/1.5em canada-type-gibson,sans-serif}.portfolio-tab-container{max-width:450px;font:500 14px roboto,sans-serif}.portfolio-tab-float{width:96.47px;left:13px}.portfolio-tab-float-projects{width:131.83px;left:122px}.portfolio-tab-float-codesnippets{width:170.98px;left:266px}.hobbies-tab-container{max-width:450px;font:500 14px roboto,sans-serif}.hobbies-tab-float{width:96.47px;left:0px}.hobbies-tab-float-photography{width:159.81px;left:96px}.hobbies-tab-float-photoshop-illustrator{width:193.72px;left:257px}.contact-details h3{font:500 14px/1.3em roboto,sans-serif}.flip-card .flip-card-front{width:205px;height:205px}.modal h1{font:400 36px/1.5em canada-type-gibson,sans-serif}.modal h2{font:400 20px/1.5em canada-type-gibson,sans-serif}.footer{font:400 14px/1.3em canada-type-gibson,sans-serif}.social-icons{width:40px;height:40px}.footer-arrow-top-bg{padding:20px}.footer-arrow-top-container{bottom:118px}}@media screen and (max-width: 480px){body,.contact-form-content,.contact-form-submit{font:400 13px/1.3em roboto,sans-serif}.welcome-text{font:300 32px canada-type-gibson,sans-serif}.welcome-text div:nth-child(2){font:400 32px canada-type-gibson,sans-serif}.welcome-text::after{margin-right:-16px}#navbar{font:400 13px roboto,sans-serif}.section h1{font:400 32px/1.5em canada-type-gibson,sans-serif}.section h2{font:400 18px/1.5em canada-type-gibson,sans-serif}.portfolio-tab-container{max-width:290px;font:500 13px roboto,sans-serif}.portfolio-tab-link{padding:5px 20px}.portfolio-tab-float{width:55.3px;left:6px}.portfolio-tab-float-projects{width:88.13px;left:66.5px}.portfolio-tab-float-codesnippets{width:124.47px;left:160px}.hobbies-tab-container{max-width:290px;font:500 13px roboto,sans-serif}.hobbies-tab-link{padding:5px 20px}.hobbies-tab-float{width:55.3px;left:0px}.hobbies-tab-float-photography{width:114.11px;left:55px}.hobbies-tab-float-photoshop-illustrator{width:120.59px;left:169px}.contact-details h3{font:500 13px/1.3em roboto,sans-serif}.contact-icons{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.contact-icons svg{width:30%}.contact-icons-email{margin-top:0}.contact-line{opacity:0}.flip-card .flip-card-front{width:125px;height:125px}.modal h1{font:400 32px/1.5em canada-type-gibson,sans-serif}.modal h2{font:400 18px/1.5em canada-type-gibson,sans-serif}.footer{font:400 13px/1.3em canada-type-gibson,sans-serif}}@media screen and (max-width: 390px){.welcome-text{font:300 26px canada-type-gibson,sans-serif}.welcome-text div:nth-child(2){font:400 26px canada-type-gibson,sans-serif}.welcome-text::after{margin-right:-13px}}