*,:after,:before{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.body1{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;height:100%;color:#f2f2f2;background-color:#1b1b1b}.body1 h1{font-family:Chronicle Display Bold,Georgia,serif;margin:0}.body1 h2,.body1 h3{font-family:Arial,Helvetica,sans-serif;margin:10px 0}.body1 p{margin:0 0 10px;font-family:Georgia,Times New Roman,Times,serif}.body1 a{text-decoration:none;color:#f2f2f2}.body2 a{color:#337ab7;text-decoration:none}.body2 a:focus,.body2 a:hover{color:#23527c;text-decoration:underline}.body1 ul{list-style:none;padding:0}.noScroll{overflow:hidden;height:100%}.center{text-align:center;margin-left:auto;margin-right:auto}img{max-width:100%}.section{width:100%;height:auto;padding:0;overflow:hidden;color:#f2f2f2;position:relative}.section:first-of-type{background-color:#0054c7}.section:nth-of-type(odd){background-color:#5b5b5b}.section:nth-of-type(2n){background-color:#1b1b1b}.section a{display:block}.section .overlay-wrapper,.section .section-wrapper{padding:100px}@media only screen and (max-width:900px){.section .overlay-wrapper,.section .section-wrapper{padding:100px 50px}}@media only screen and (max-width:400px){.section .overlay-wrapper,.section .section-wrapper{padding:100px 25px}}.section .overlay-wrapper h1,.section .section-wrapper h1{font-size:3em}.section .overlay-wrapper p,.section .section-wrapper p{font-size:1.3em;line-height:1.5em}@media only screen and (max-width:480px){.section .overlay-wrapper p,.section .section-wrapper p{font-size:1em}}.section .overlay-wrapper .divider,.section .section-wrapper .divider{display:block;margin:30px 0;width:100px;height:2px;background-color:#0074c7}.section .overlay-wrapper .center,.section .section-wrapper .center{margin-right:auto;margin-left:auto;text-align:center}.section .overlay-wrapper{background:linear-gradient(to bottom,#0000009c,#0000009c,#0000009c,#0000009c,#0000009c);width:100%;height:100%}.skrollr-desktop body{height:100%!important}#skrollr-body{height:100%;overflow:visible;position:relative}.gap,.skrollr .gap{background:0 0!important}.bg{width:100%;height:100%;min-height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;z-index:-1;overflow:hidden}#intro-section .bg{z-index:0;background-image:url(/images/eclipse.jpg)}@media only screen and (max-width:900px){#intro-section .bg{background-image:url(/images/eclipse-md.jpg)}}@media only screen and (max-width:660px){#intro-section .bg{background-image:url(/images/eclipse-sm.jpg)}}@media only screen and (max-width:480px){#intro-section .bg{background-image:url(/images/eclipse-xs.jpg)}}#interests-section .bg{background-image:url(/images/mthood-md.jpg)}@media only screen and (max-width:660px){#interests-section .bg{background-image:url(/images/mthood-xs.jpg)}}#experience-section .bg{background-image:url(/images/korea.jpg)}#connect-section .bg{background-image:url(/images/jppark-md.JPG)}@media only screen and (max-width:660px){#connect-section .bg{background-image:url(/images/jppark-sm.JPG)}}@media only screen and (max-width:480px){#connect-section .bg{background-image:url(/images/jppark-xs.JPG)}}#dot-nav{position:fixed;right:34px;z-index:2;top:50%;bottom:auto;transform:translateY(-50%);visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s ease}#dot-nav.active{visibility:visible;opacity:1;transition:visibility 0s,opacity .5s ease}@media only screen and (max-width:768px){#dot-nav{display:none}}#dot-nav .dot-container{text-align:right}#dot-nav a{display:inline-block;-webkit-backface-visibility:hidden}#dot-nav a:after{clear:both;content:"";display:table}#dot-nav a span{float:right;display:inline-block;transform:scale(.6)}#dot-nav a:focus span,#dot-nav a:hover span{transform:scale(.75)}#dot-nav a:hover .dot-label{opacity:1}#dot-nav a.is-selected .dot{background-color:#0074c7}#dot-nav .dot{position:relative;top:7px;height:20px;width:20px;border-radius:50%;background:#ffffff40;transition:transform .2s,background-color .5s;transform-origin:50% 50%}#dot-nav .dot-label{position:relative;top:3px;padding:.4em .5em;color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:500;text-transform:uppercase;opacity:0;transition:transform .2s,opacity .2s;transform-origin:100% 50%}#toggle{position:fixed;top:25px;right:25px;height:27px;width:30px;cursor:pointer;z-index:100;display:none;transition:opacity .25s ease}@media only screen and (max-width:768px){#toggle{display:block}}#toggle:focus,#toggle:hover{opacity:.7}#toggle.active .line{background:#f2f2f2}#toggle.active .top{transform:translateY(10px) translate(0) rotate(45deg)}#toggle.active .middle{opacity:0}#toggle.active .bottom{transform:translateY(-10px) translate(0) rotate(-45deg)}#toggle .line{background:#f2f2f2;border:none;border-radius:30px;cursor:pointer;width:100%;height:3px;position:absolute;top:0;left:0;transition:all .35s ease}#toggle .line.middle{top:10px}#toggle .line.bottom{top:20px}.overlay{position:fixed;background:#0032c8e6;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;overflow:hidden;z-index:10;transition:all .3s ease}@media only screen and (max-width:768px){.overlay.open{height:100%;z-index:10;opacity:1;visibility:visible;overflow:hidden}.overlay.open .menu-item{animation:fadeInTop .5s ease forwards;animation-delay:.35s}.overlay.open .menu-item:nth-of-type(2){animation-delay:.4s}.overlay.open .menu-item:nth-of-type(3){animation-delay:.45s}.overlay.open .menu-item:nth-of-type(4){animation-delay:.5s}.overlay.open .menu-item:nth-of-type(5){animation-delay:.55s}.overlay.open .menu-item:nth-of-type(6){animation-delay:.6s}.overlay.open .menu-item:nth-of-type(7){animation-delay:.65s}}.overlay .logo{color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;font-size:30px;margin:14px 20px}@media only screen and (max-width:400px){.overlay .logo{font-size:24px;margin:17px 20px}}.overlay .logo .logo-img{width:35px;margin-right:10px;position:relative;top:5px}@media only screen and (max-width:400px){.overlay .logo .logo-img{width:30px;top:5px}}.overlay .overlay-menu{position:relative;height:70%;transform:translateY(-50%);top:45%;font-size:1.5em;font-family:Arial,Helvetica,sans-serif;font-weight:700;text-align:center}.overlay .overlay-menu .menu-container{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%}.overlay .overlay-menu .menu-container .menu-item{display:block;height:14.25%;height:calc(100% / 7);min-height:50px;position:relative;opacity:0}.overlay .overlay-menu .menu-container .menu-item a{position:relative;color:#f2f2f2;text-decoration:none;text-transform:uppercase;overflow:hidden}.overlay .overlay-menu .menu-container .menu-item a:after,.overlay .overlay-menu .menu-container .menu-item a:before{content:"";position:absolute;width:0%;height:2px;top:50%;background:#f2f2f2;margin-top:-2px;left:-3px}.overlay .overlay-menu .menu-container .menu-item a:after{transition:width .7s cubic-bezier(.22,.61,.36,1)}.overlay .overlay-menu .menu-container .menu-item a:focus:after,.overlay .overlay-menu .menu-container .menu-item a:focus:before,.overlay .overlay-menu .menu-container .menu-item a:hover:after,.overlay .overlay-menu .menu-container .menu-item a:hover:before{width:105%}.overlay .overlay-menu .menu-container .menu-item a:focus:before,.overlay .overlay-menu .menu-container .menu-item a:hover:before{transition:width .5s cubic-bezier(.22,.61,.36,1)}.overlay .overlay-menu .menu-container .menu-item a:focus:after,.overlay .overlay-menu .menu-container .menu-item a:hover:after{background:0 0;transition:0s}@keyframes fadeInTop{0%{opacity:0;bottom:20%}to{opacity:1;bottom:0}}.block-btn{display:block;width:100%;min-height:100px;color:#f2f2f2;position:relative;background:#0052a5;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:1px;overflow:hidden;transition:background-color .5s linear}.block-btn:focus,.block-btn:hover{background:#0074c7;color:#f2f2f2;transition:all .3s ease}.block-btn:focus .text,.block-btn:hover .text{opacity:0;visibility:hidden;transform:translate3D(0,4em,0) scale(.25)}.block-btn:focus .text2,.block-btn:hover .text2{opacity:1;visibility:visible;transform:translateZ(0) scale(1)}.block-btn .text,.block-btn .text2{position:absolute;top:0;left:0;right:0;text-align:center}.block-btn .text{margin:40px auto;opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.425,-.195,.005,1.215),opacity .13333s linear;transform:scale(1)}.block-btn .text2{margin:40px auto;opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.425,-.195,.005,1.215),opacity .4s linear;transform:translate3D(0,-4em,0) scale(0)}#intro-section .intro-wrapper{padding:0 0 20px}#intro-section .intro-wrapper .intro-body{width:100%;height:101vh;overflow:hidden;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@keyframes reveal-up{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-down{0%{opacity:1;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes loading-mask{0%,to{transform:scaleX(0)}40%,60%{transform:scaleX(1)}}#intro-section .intro-wrapper .intro-body .intro-content{text-align:center;padding:0 5%;width:100%;position:relative;top:-5%}#intro-section .intro-wrapper .intro-body .intro-content .btn,#intro-section .intro-wrapper .intro-body .intro-content .heading,#intro-section .intro-wrapper .intro-body .intro-content .heading .name,#intro-section .intro-wrapper .intro-body .intro-content .subtext{opacity:0;animation-duration:.8s;animation-delay:.3s;animation-fill-mode:forwards}.no-cssanimations #intro-section .intro-wrapper .intro-body .intro-content .btn,.no-cssanimations #intro-section .intro-wrapper .intro-body .intro-content .heading,.no-cssanimations #intro-section .intro-wrapper .intro-body .intro-content .heading .name,.no-cssanimations #intro-section .intro-wrapper .intro-body .intro-content .subtext{opacity:1}#intro-section .intro-wrapper .intro-body .intro-content .heading{font-size:4.5em;font-weight:700;position:relative;padding-bottom:10px;color:transparent;overflow:hidden;opacity:1}@media only screen and (max-width:768px){#intro-section .intro-wrapper .intro-body .intro-content .heading .name:before{top:calc(100% + 18px)}}@media only screen and (max-width:480px){#intro-section .intro-wrapper .intro-body .intro-content .heading{font-size:4em}}#intro-section .intro-wrapper .intro-body .intro-content .heading:after{content:attr(data-content);position:absolute;top:0;left:0;height:100%;width:100%;color:#f2f2f2;animation-name:reveal-up;animation-fill-mode:backwards;animation-duration:.4s;animation-delay:.7s}#intro-section .intro-wrapper .intro-body .intro-content .heading .name{position:relative;display:inline-block;opacity:1}#intro-section .intro-wrapper .intro-body .intro-content .heading .name:before{content:"";position:absolute;top:calc(100% + 8px);left:-1em;height:2px;width:calc(100% + 2em);background-color:#f2f2f2;animation:loading-mask 1s .3s both}#intro-section .intro-wrapper .intro-body .intro-content .action-wrapper{overflow:hidden}#intro-section .intro-wrapper .intro-body .intro-content .action-wrapper .subtext{position:relative;margin:0;padding:0;animation-name:reveal-down;animation-duration:.4s;animation-delay:.7s}#intro-section .intro-wrapper .intro-body .intro-content .action-wrapper .subtext .btn{display:inline-block;padding:1.2em 0;font-size:1.3rem;font-weight:500;line-height:1.5;color:#f2f2f2;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;opacity:.5;margin:0}@media only screen and (max-width:480px){#intro-section .intro-wrapper .intro-body .intro-content .action-wrapper .subtext .btn{font-size:1.1em}}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper{position:absolute;bottom:50px;left:0;right:0;margin:0 auto;text-align:center;color:#f2f2f2}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down{display:block;width:70px;margin:0 auto;transition:all .3s ease}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down:focus,#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down:hover{transition:all .3s ease}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down:focus .logo,#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down:hover .logo{opacity:0}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down:focus .scroll-down-text,#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down:hover .scroll-down-text{opacity:1;visibility:visible}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down .logo{width:35px;transition:opacity .5s ease,visibility .5s}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down .scroll-down-text{color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:12px;font-weight:700;text-align:center;height:100%;opacity:0;padding-top:.5em;position:absolute;top:0;left:0;right:0;transition:opacity .5s ease,visibility .5s;visibility:hidden;width:100%}#intro-section .intro-wrapper .intro-body .scroll-down-wrapper .scroll-down .scroll-down-text .chevron{transform:rotate(90deg);height:20px;display:block;margin:10px auto}#about-section .section-subheading{width:60%;font-size:1.2em;font-weight:500;line-height:1.5;margin-top:1em}@media only screen and (max-width:1000px){#about-section .section-subheading{width:100%}}#about-section .about-wrapper{padding-right:20px}@media only screen and (max-width:900px){#about-section .about-wrapper{padding:0}}#about-section .about-wrapper .about-text-wrapper{display:inline-block;width:60%;vertical-align:top}@media only screen and (max-width:900px){#about-section .about-wrapper .about-text-wrapper{width:100%}}#about-section .about-wrapper .about-text-wrapper .about-text{margin-bottom:15px;font-size:1.15em}#about-section .about-wrapper .mepic{display:inline-block;width:35%;height:auto;border-radius:50%;margin-top:-100px;float:right;max-width:450px}@media only screen and (max-width:1000px){#about-section .about-wrapper .mepic{margin-top:0}}@media only screen and (max-width:900px){#about-section .about-wrapper .mepic{float:none;margin:10px 0 40px;width:300px}}@media only screen and (max-width:400px){#about-section .about-wrapper .mepic{width:250px}}#interests-section a{display:inline-block;position:relative}#interests-section a:after{content:"";width:100%;position:absolute;left:0;bottom:2px;border-width:0 0 .5px;border-style:solid;border-color:#cbcbcb}#interests-section .interests-wrapper{width:100%;margin:0 auto;padding:20px}@media only screen and (max-width:1000px){#interests-section .interests-wrapper{padding:0}}#interests-section .interest-row{width:100%;height:50%}@media only screen and (max-width:660px){#interests-section .interest-row{height:auto}}#interests-section .interest-row:nth-of-type(odd){border-bottom:1px solid rgba(242,242,242,.3)}@media only screen and (max-width:660px){#interests-section .interest-row:nth-of-type(odd){border:none}}#interests-section .interest-row:nth-of-type(2n) .interest-column{padding-top:40px}@media only screen and (max-width:660px){#interests-section .interest-row:nth-of-type(2n) .interest-column{padding-top:20px}}#interests-section .interest-row .interest-column{display:inline-block;vertical-align:top;width:49%;height:100%;padding:20px;overflow:hidden;white-space:nowrap}@media only screen and (max-width:660px){#interests-section .interest-row .interest-column{display:block;width:100%;border:none}}@media only screen and (max-width:480px){#interests-section .interest-row .interest-column{padding:20px 0}}#interests-section .interest-row .interest-column:nth-of-type(2n){border-left:1px solid rgba(242,242,242,.3)}@media only screen and (max-width:660px){#interests-section .interest-row .interest-column:nth-of-type(2n){border:none}}#interests-section .interest-row .interest-column .interest-img{width:40px;margin-right:15px;display:inline-block;vertical-align:middle;position:relative;top:-5px}#interests-section .interest-row .interest-column .sprite{width:40px;height:40px;margin-right:15px;display:inline-block;vertical-align:middle;position:relative;top:-3px;background-repeat:no-repeat;background-position:center center;background-size:100%}@media only screen and (max-width:400px){#interests-section .interest-row .interest-column .sprite{width:35px;height:35px}}#interests-section .interest-row .interest-column .sprite.creation{background-image:url(/images/lego.png)}#interests-section .interest-row .interest-column .sprite.robot{background-image:url(/images/robot.png)}#interests-section .interest-row .interest-column .sprite.pipe{background-image:url(/images/pipe.png)}#interests-section .interest-row .interest-column .sprite.vr{background-image:url(/images/vr.png);background-size:90%}#interests-section .interest-row .interest-column .interest-heading{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;margin:0 0 30px;font-size:20px;display:inline-block}@media only screen and (max-width:1170px){#interests-section .interest-row .interest-column .interest-heading{font-size:2vw}}@media only screen and (max-width:660px){#interests-section .interest-row .interest-column .interest-heading{font-size:4vw}}@media only screen and (max-width:440px){#interests-section .interest-row .interest-column .interest-heading{font-size:16px}}#interests-section .interest-row .interest-column .interest-text{font-size:1.1em;margin-bottom:0;white-space:initial}#skills-section .check-wrapper,#skills-section .flex-item,#skills-section .skills-flex-wrapper{display:-ms-flexbox;display:flex}#skills-section .skills-flex-wrapper{font:100 20px Arial;height:17em;-ms-flex-flow:column wrap;flex-flow:column wrap}@media only screen and (max-width:768px){#skills-section .skills-flex-wrapper{display:block;height:auto}}#skills-section .skills-flex-wrapper .skills-heading{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:700;font-size:1.5vw}@media only screen and (max-width:768px){#skills-section .skills-flex-wrapper .skills-heading{font-size:18px}}#skills-section .skills-flex-wrapper .skills-heading .sprite{width:35px;height:35px;margin-right:10px;position:relative;top:7px;display:inline-block;vertical-align:text-bottom;background-repeat:no-repeat;background-position:center center;background-size:100%}#skills-section .skills-flex-wrapper .skills-heading .sprite.languages{background-image:url(/images/world.png);background-size:90%}#skills-section .skills-flex-wrapper .skills-heading .sprite.checklist{background-image:url(/images/checklist.png)}#skills-section .skills-flex-wrapper .flex-item{-ms-flex:0 0 auto;flex:0 0 auto;min-height:200px;background:0 0;padding:15px}@media only screen and (max-width:1170px){#skills-section .skills-flex-wrapper .flex-item{padding-right:0}}@media only screen and (max-width:480px){#skills-section .skills-flex-wrapper .flex-item{padding:0}}@media only screen and (max-width:440px){#skills-section .skills-flex-wrapper .flex-item{display:block}}#skills-section .skills-flex-wrapper .flex-item:nth-child(1){width:40%;max-width:400px;min-height:450px}@media only screen and (max-width:1170px){#skills-section .skills-flex-wrapper .flex-item:nth-child(1){width:37%}}@media only screen and (max-width:1000px){#skills-section .skills-flex-wrapper .flex-item:nth-child(1){width:45%}}@media only screen and (max-width:768px){#skills-section .skills-flex-wrapper .flex-item:nth-child(1){width:100%;min-height:50px}}#skills-section .skills-flex-wrapper .flex-item:nth-child(2){width:60%;min-height:151px}@media only screen and (max-width:1000px){#skills-section .skills-flex-wrapper .flex-item:nth-child(2){width:55%}}@media only screen and (max-width:768px){#skills-section .skills-flex-wrapper .flex-item:nth-child(2){width:100%}}#skills-section .skills-flex-wrapper .flex-item:nth-child(3){min-height:299px;width:60%}@media only screen and (max-width:1000px){#skills-section .skills-flex-wrapper .flex-item:nth-child(3){width:55%}}@media only screen and (max-width:768px){#skills-section .skills-flex-wrapper .flex-item:nth-child(3){width:100%}}#skills-section .skills-flex-wrapper .lang-wrapper{display:block}#skills-section .skills-flex-wrapper .lang-wrapper .lang-item{display:inline-block;border:2px solid rgba(57,57,57,.5);border-radius:50%;text-align:center;margin:10px 10px 10px 0;padding:0;width:100px;height:100px;line-height:7;font-size:14px}@media only screen and (max-width:1170px){#skills-section .skills-flex-wrapper .lang-wrapper .lang-item{width:80px;height:80px;font-size:14px;line-height:5.5;margin:5px 5px 5px 0}}@media only screen and (max-width:768px){#skills-section .skills-flex-wrapper .lang-wrapper .lang-item{width:100px;height:100px;line-height:7;margin:1%}}@media only screen and (max-width:480px){#skills-section .skills-flex-wrapper .lang-wrapper .lang-item{width:80px;height:80px;line-height:5.5}}#skills-section .skills-flex-wrapper .design-wrapper{display:block}#skills-section .skills-flex-wrapper .design-wrapper .design-item{display:inline-block;margin:10px}@media only screen and (max-width:1170px){#skills-section .skills-flex-wrapper .design-wrapper .design-item{margin:10px 5px}}#skills-section .skills-flex-wrapper .design-wrapper .design-item .item-img{height:40px;filter:grayscale(100%)}#skills-section .check-wrapper .knowledge-wrapper,#skills-section .check-wrapper .checklist-wrapper{width:75%;display:inline-block;vertical-align:top;overflow:hidden;white-space:nowrap}@media only screen and (max-width:440px){#skills-section .check-wrapper .knowledge-wrapper,#skills-section .check-wrapper .checklist-wrapper{display:block;width:100%}}#skills-section .check-wrapper .knowledge-wrapper .list,#skills-section .check-wrapper .checklist-wrapper .list{margin-top:30px;margin-left:20px}#skills-section .check-wrapper .knowledge-wrapper .list .list-item,#skills-section .check-wrapper .checklist-wrapper .list .list-item{margin:10px 0;font-size:16px}#skills-section .check-wrapper .knowledge-wrapper .list .list-item .item-svg,#skills-section .check-wrapper .checklist-wrapper .list .list-item .item-svg{margin-right:10px;width:12px;height:12px;color:#fff;fill:#fff}#experience-section .experience-description{padding:0 100px;font-size:1.2em}@media only screen and (max-width:1170px){#experience-section .experience-description{padding:0}}#experience-section .experience-description a{display:inline-block;position:relative;font-weight:500;transition:all .3s ease}#experience-section .experience-description a:after{content:"";width:100%;position:absolute;left:0;bottom:2px;border-width:0 0 .5px;border-style:solid;border-color:#f2f2f2;transition:all .3s ease}#experience-section .experience-wrapper{padding:30px}@media only screen and (max-width:1000px){#experience-section .experience-wrapper{padding-left:0}}@media only screen and (max-width:600px){#experience-section .experience-wrapper{padding:30px 0}}#experience-section .experience-wrapper #timeline{position:relative;padding:2em 0;width:100%;max-width:1170px;margin:0 auto}#experience-section .experience-wrapper #timeline:before{content:"";position:absolute;top:0;left:calc(50% - 1px);height:100%;width:2px;background:#0074c7}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline:before{left:20px;margin-left:0}}@media only screen and (max-width:480px){#experience-section .experience-wrapper #timeline:before{left:10px}}#experience-section .experience-wrapper #timeline:after{content:"";display:table;clear:both}#experience-section .experience-wrapper #timeline .timeline-block{position:relative;transition:all .3s ease;margin:1em 0}#experience-section .experience-wrapper #timeline .timeline-block:after{content:"";display:table;clear:both}#experience-section .experience-wrapper #timeline .timeline-block:first-child{margin-top:0}#experience-section .experience-wrapper #timeline .timeline-block:last-child{margin-bottom:0}@media only screen and (max-width:1170px){#experience-section .experience-wrapper #timeline .timeline-block:nth-child(odd){margin-top:0;margin-bottom:2em}}#experience-section .experience-wrapper #timeline .timeline-block:nth-child(odd) .timeline-content{float:left}@media only screen and (max-width:1170px){#experience-section .experience-wrapper #timeline .timeline-block:nth-child(odd) .timeline-content{right:10px}}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline .timeline-block:nth-child(odd) .timeline-content{right:auto}}#experience-section .experience-wrapper #timeline .timeline-block:nth-child(odd) .timeline-content:before{top:24px;left:100%;border-color:transparent;border-left-color:#1b1b1b}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline .timeline-block:nth-child(odd) .timeline-content:before{top:16px;left:auto;border-color:transparent;border-right-color:#1b1b1b}}#experience-section .experience-wrapper #timeline .timeline-block:nth-child(odd) .timeline-content .date{left:auto;text-align:right;right:-33%}#experience-section .experience-wrapper #timeline .timeline-block:nth-child(2n) .date{text-align:right;left:auto;right:55%}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline .timeline-block:nth-child(2n) .date{text-align:left;font-size:14px;color:#777;position:relative;top:-40px;left:95px;right:auto}}@media only screen and (max-width:480px){#experience-section .experience-wrapper #timeline .timeline-block:nth-child(2n) .date{left:66px}}#experience-section .experience-wrapper #timeline .timeline-block .timeline-img{position:absolute;width:50px;height:50px;top:15px;left:50%;margin-left:-25px;border-radius:50%;background:#212121;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .3s ease}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-img{top:5px;left:20px}}@media only screen and (max-width:480px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-img{width:40px;height:40px;top:10px;left:15px}}#experience-section .experience-wrapper #timeline .timeline-block .timeline-img .sprite{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px;background-repeat:no-repeat;background-size:100%}@media only screen and (max-width:480px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-img .sprite{width:20px;height:20px;margin-left:-10px;margin-top:-10px}}#experience-section .experience-wrapper #timeline .timeline-block .timeline-img .sprite.university{background-image:url(/images/graduatecap.png)}#experience-section .experience-wrapper #timeline .timeline-block .timeline-img .sprite.research{background-image:url(/images/search.png)}#experience-section .experience-wrapper #timeline .timeline-block .timeline-img .sprite.industry{background-image:url(/images/briefcase.png)}#experience-section .experience-wrapper #timeline .timeline-block .timeline-img .sprite.academic{background-image:url(/images/notebook.png)}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content{float:right;position:relative;background:#1b1b1b;border-radius:3px;margin-left:0;padding:1.5em;width:45%;opacity:.85;transition:all .3s ease}@media only screen and (max-width:1170px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-content{left:0;padding-bottom:2.5em}}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-content{margin-left:70px;right:auto;width:auto}}@media only screen and (max-width:480px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-content{margin-left:50px;padding:1.5em 1em 2.5em}}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content:focus,#experience-section .experience-wrapper #timeline .timeline-block .timeline-content:hover{opacity:1}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content:focus+.timeline-img,#experience-section .experience-wrapper #timeline .timeline-block .timeline-content:hover+.timeline-img{background:#0074c7}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content:before{content:"";position:absolute;top:24px;right:100%;height:0;width:0;border:15px solid transparent;border-color:transparent;border-right-color:#1b1b1b}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-content:before{top:16px;right:100%;left:auto;border:15px solid transparent;border-right:15px solid #1b1b1b}}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content:after{content:"";display:table;clear:both}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content .position{color:#f2f2f2;margin:5px 0 10px;font-size:18px;display:inline-block;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content .company{margin:0 0 10px;font-size:15px;font-weight:500}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content .company a{color:#0074c7;display:inline;transition:all .3s ease}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content .company a:focus,#experience-section .experience-wrapper #timeline .timeline-block .timeline-content .company a:hover{color:#00dded}#experience-section .experience-wrapper #timeline .timeline-block .timeline-content .job-desc{margin:1em 0;font-size:1.25em;line-height:1.5}@media only screen and (max-width:480px){#experience-section .experience-wrapper #timeline .timeline-block .timeline-content .job-desc{font-size:1em;line-height:1.5}}#experience-section .experience-wrapper #timeline .timeline-block .date{font-size:1em;font-weight:500;display:inline-block;color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;position:absolute;width:100%;left:55%;top:30px}@media only screen and (max-width:1000px){#experience-section .experience-wrapper #timeline .timeline-block .date{font-size:14px;color:#777;position:absolute;top:auto;bottom:20px;left:95px}}@media only screen and (max-width:480px){#experience-section .experience-wrapper #timeline .timeline-block .date{left:66px}}#experience-section .down-arrow{display:block;margin:0 auto;border-color:transparent;border-top-color:#0074c7;border-style:solid;border-width:15px 7px 0;width:0;height:0;position:relative;line-height:0}@media only screen and (max-width:1000px){#experience-section .down-arrow{margin-left:13.5px}}@media only screen and (max-width:480px){#experience-section .down-arrow{margin-left:3.5px}}#portfolio-section .section-wrapper{padding-bottom:50px}#portfolio-section a{display:inline-block}#portfolio-section .portfolio-item-wrapper .divider:last-of-type{display:none}#portfolio-section .portfolio-row{margin:0;padding-top:50px;display:block}#portfolio-section .portfolio-row .screenshots{position:relative;overflow:hidden;display:block;width:95%;margin-left:10px}@media only screen and (max-width:660px){#portfolio-section .portfolio-row .screenshots{margin-left:0}}#portfolio-section .portfolio-row .screenshots:after,#portfolio-section .portfolio-row .screenshots:before{box-sizing:inherit;padding:0;margin:0}#portfolio-section .portfolio-row .screenshots:after{display:block;padding-top:45.5%;content:""}#portfolio-section .portfolio-row .screenshots.mealstash:after{display:block;padding-top:5.5%;content:""}@media only screen and (max-width:900px){#portfolio-section .portfolio-row .screenshots.mealstash:after{padding-top:7.5%}}@media only screen and (max-width:660px){#portfolio-section .portfolio-row .screenshots.mealstash:after{padding-top:10%}}@media only screen and (max-width:480px){#portfolio-section .portfolio-row .screenshots.mealstash:after{padding-top:15%}}#portfolio-section .portfolio-row .screenshots .img-lg,#portfolio-section .portfolio-row .screenshots .img-md,#portfolio-section .portfolio-row .screenshots .img-sm{border:0;position:absolute;right:0;bottom:0;border-radius:2px;box-shadow:0 5px 10px #000000bf}#portfolio-section .portfolio-row .screenshots .img-lg:after,#portfolio-section .portfolio-row .screenshots .img-md:after,#portfolio-section .portfolio-row .screenshots .img-sm:after{content:"";display:block}#portfolio-section .portfolio-row .screenshots .img-lg{width:70%;left:0;z-index:1}#portfolio-section .portfolio-row .screenshots .img-lg:after{padding-top:65%}#portfolio-section .portfolio-row .screenshots .img-md{width:27%;right:14%;z-index:2}#portfolio-section .portfolio-row .screenshots .img-md:after{padding-top:110%}#portfolio-section .portfolio-row .screenshots .img-sm{width:15%;right:1rem;z-index:3;box-shadow:0 5px 5px #000000bf}#portfolio-section .portfolio-row .screenshots .img-sm:after{padding-top:145%}#portfolio-section .portfolio-row .screenshots .img-mealstash{position:relative;top:0;border:0;border-radius:2px;box-shadow:0 5px 10px #000000bf;width:26%;margin-right:-20px}@media only screen and (max-width:768px){#portfolio-section .portfolio-row .screenshots .img-mealstash{width:27%}}@media only screen and (max-width:480px){#portfolio-section .portfolio-row .screenshots .img-mealstash{width:25%;margin-right:-10px}}#portfolio-section .portfolio-row .screenshots .img-mealstash:nth-of-type(2){top:15px}@media only screen and (max-width:600px){#portfolio-section .portfolio-row .screenshots .img-mealstash:nth-of-type(2){top:10px}}#portfolio-section .portfolio-row .screenshots .img-mealstash:nth-of-type(3){top:30px}@media only screen and (max-width:600px){#portfolio-section .portfolio-row .screenshots .img-mealstash:nth-of-type(3){top:20px}}#portfolio-section .portfolio-row .screenshots .img-mealstash:nth-of-type(4){top:45px}@media only screen and (max-width:600px){#portfolio-section .portfolio-row .screenshots .img-mealstash:nth-of-type(4){top:30px}}#portfolio-section .portfolio-row .screenshots .img-mealstash:after{content:"";display:block}#portfolio-section .portfolio-row .description-title-container{position:relative;width:90%;margin-top:30px;margin-left:1em;-ms-flex-align:baseline;align-items:baseline;display:-webkit-flex;-webkit-flex-wrap:nowrap;-webkit-justify-content:flex-end;-webkit-align-content:stretch;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-line-pack:stretch;align-content:stretch}@media only screen and (max-width:768px){#portfolio-section .portfolio-row .description-title-container{width:95%}}@media only screen and (max-width:660px){#portfolio-section .portfolio-row .description-title-container{width:100%;margin-left:0}}@media only screen and (max-width:600px){#portfolio-section .portfolio-row .description-title-container{display:block}}#portfolio-section .portfolio-row .description-title-container .description-title{-ms-flex:1;flex:1;margin-bottom:20px;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}#portfolio-section .portfolio-row .description-title-container .description-buttons a{padding:10px 15px;background:0 0;border:2px solid #0074c7;border-radius:3px;margin:0 5px;background:#0074c7;color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;font-weight:500;text-transform:uppercase;transition:all .3s ease}@media only screen and (max-width:660px){#portfolio-section .portfolio-row .description-title-container .description-buttons a{font-size:14px;padding:7px 10px;position:relative;top:-5px}}@media only screen and (max-width:600px){#portfolio-section .portfolio-row .description-title-container .description-buttons a{margin:0 10px 30px 0;top:0}}#portfolio-section .portfolio-row .description-title-container .description-buttons a:focus,#portfolio-section .portfolio-row .description-title-container .description-buttons a:hover{transform:translateY(-2px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;background:#0064b6;color:#e2e2e2;text-decoration:none}#portfolio-section .portfolio-row .portfolio-description{display:block;width:90%;margin-top:15px;margin-left:1rem;margin-bottom:25px;font-size:1.25em;color:#cbcbcb}@media only screen and (max-width:660px){#portfolio-section .portfolio-row .portfolio-description{width:100%;margin-left:0;margin-top:10px}}@media only screen and (max-width:480px){#portfolio-section .portfolio-row .portfolio-description{font-size:1em}}#portfolio-section .portfolio-row .portfolio-description a{position:relative;font-weight:500;color:#cbcbcb}#portfolio-section .portfolio-row .portfolio-description a:after{content:"";width:100%;position:absolute;left:0;bottom:2px;border-width:0 0 .5px;border-style:solid;border-color:#cbcbcb}#portfolio-section .portfolio-row .used{display:block;width:90%;font-family:Arial,Helvetica,sans-serif;margin-top:30px;margin-bottom:100px}@media only screen and (max-width:768px){#portfolio-section .portfolio-row .used{margin-bottom:70px}}@media only screen and (max-width:400px){#portfolio-section .portfolio-row .used{margin-bottom:50px}}#portfolio-section .portfolio-row .used .used-items{margin-left:1em}@media only screen and (max-width:660px){#portfolio-section .portfolio-row .used .used-items{margin-left:0}}#portfolio-section .portfolio-row .used .used-items .used-item{display:inline-block;padding:7px 7px 5px;margin-right:5px;margin-bottom:10px;color:#777;background:#333;border-radius:3px;text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.5px}#connect-section .connect-description{margin:0 auto;max-width:440px;font-size:1.2em}@media only screen and (max-width:1170px){#connect-section .connect-description{padding:0}}#connect-section .form-wrapper{width:500px;margin:20px auto;padding:0}@media only screen and (max-width:600px){#connect-section .form-wrapper{width:90%}}@media only screen and (max-width:400px){#connect-section .form-wrapper{width:95%}}#connect-section .form-wrapper .input-wrapper{padding:0;margin-bottom:10px;position:relative;transition:all .25s ease}@media only screen and (max-width:768px){#connect-section .form-wrapper .input-wrapper{margin-bottom:10px}}@media only screen and (max-width:480px){#connect-section .form-wrapper .input-wrapper{margin-bottom:5px}}#connect-section .form-wrapper .input-wrapper:before{content:"";position:absolute;display:block;width:100%;height:2px;background-color:#707070;bottom:0;left:0;transition:all .5s ease-in-out}#connect-section .form-wrapper .input-wrapper:after{background-color:#0074c7;content:"";position:absolute;display:block;width:0;height:2px;bottom:0;left:0;transition:all .5s ease-in-out}#connect-section .form-wrapper .input-wrapper .input-label{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.9em;font-weight:700;text-transform:uppercase;transform:translateY(25px);color:#f2f2f2;margin-bottom:10px;transition:all .5s ease-in-out}#connect-section .form-wrapper .input-wrapper .connect-input{position:relative;background:0 0;width:100%;border:none;padding:20px 0 10px;margin-bottom:-10px;font-size:1em;line-height:1.3;color:#f2f2f2;font-family:Arial,Helvetica,sans-serif;resize:none;display:block;overflow:hidden;box-sizing:padding-box;transition:all .25s ease}#connect-section .form-wrapper .input-wrapper .connect-input:focus{outline:0;color:#f2f2f2}#connect-section .form-wrapper .is-active:after{width:100%}#connect-section .form-wrapper .message-btn{display:block;text-align:center;cursor:pointer;text-transform:uppercase;font-weight:700;font-size:14px;font-family:Arial,Helvetica,sans-serif;line-height:1.5;padding:12px 20px 10px;margin:70px auto 0;color:#f2f2f2;background:#0074c7;border:2px solid #0074c7;border-radius:3px;position:relative;overflow:hidden;transition:all .3s ease}#connect-section .form-wrapper .message-btn:focus,#connect-section .form-wrapper .message-btn:hover{transform:translateY(-2px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;background:#0064b6;color:#e2e2e2}#connect-section .form-wrapper #message-label{margin-bottom:10px}#header>*{-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:100%}.body1 #footer{background:linear-gradient(45deg,#ead392 0,#024d00);height:200px;min-height:100px;color:#f2f2f2}#footer .copyright-wrapper{margin-top:25px;font-size:13px;color:#f2f2f2;font-weight:500}#footer .copyright-wrapper p{margin:0;color:#f2f2f2}.e404{font-family:Arial,Helvetica,sans-serif}.e404{display:block;vertical-align:bottom;position:fixed;width:100%;height:100%;top:0;left:0;background-color:#eff5f7;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:1}.e404 .text-container{text-align:center;cursor:default;position:relative;top:25vh}.e404 .text-container .text{display:inline-block;color:#333;font-weight:500;line-height:1;text-transform:uppercase;z-index:2;position:relative}.e404 .text-container .text h1{font-size:10em;font-weight:500;margin:0 auto;text-shadow:0 5px 5px rgba(0,0,0,.5)}.e404 .text-container .text h3{font-size:1em;font-weight:700;margin:15px 0 75px;text-shadow:0 3px 5px rgba(0,0,0,.5)}.e404 .text-container .text a{display:block;width:200px;margin:0 auto;color:#f2f2f2;background:#ab473c;font-size:.95em;text-decoration:none;padding:15px;border-radius:30px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #00000040}.e404 .text-container .text a:focus,.e404 .text-container .text a:hover{background:#c74739}.body2{color:#818181;font-size:12pt;font-weight:400;line-height:1.75em;background-color:#eff5f7;position:relative}.body2>#header{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-moz-align-items:-moz-flex-end;-webkit-align-items:-webkit-flex-end;-ms-align-items:-ms-flex-end;align-items:flex-end;-moz-justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;background-color:#1f1815;background-attachment:scroll,fixed;background-image:url(/images/overlay.png),url(/images/korea.jpg);background-position:top left,top left;background-repeat:repeat,no-repeat;background-size:auto,auto 100%;color:#ffffff80;height:100%;left:0;padding:8em 4em;position:fixed;text-align:right;top:0;width:25%}.body2>#header>.inner{-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;margin:0 0 2em}.body2>#header .image.avatar{margin:0 0 1em;width:6em;border-radius:100%;border:0;display:inline-block;position:relative}.body2>#header .image.avatar img{width:100%}.body2>#header a.header{border-bottom:none;color:#fff;padding:1em;font-size:1.5em;text-decoration:none;transition:color .2s ease-in-out,border-color .2s ease-in-out}.body2>#footer{padding:2.25em 1.5em}a.header:hover{border-bottom:none;color:#f58b4c!important}.body2>#main{display:inline-block;background-color:#eff5f7;margin-left:30%;max-width:none;padding:2em 1em;width:70%}.body2>#main>section{border-top:solid 2px #efefef;margin:4em 0 0;padding:4em 0 0}.body2>#main>section:first-child{border-top:0;margin-top:0;padding-top:0}.body2>#main p{margin:0 0 1em}.body1>#header{display:none}.body1>#footer{display:none}ul.alt{list-style-type:none;padding:0;margin:0}ul.alt li{padding:.25em 0}.body2 ul.copyright{list-style:none}@media screen and (max-width: 1280px){.body2>#header{padding:6em 3em 3em;width:30%}.body2>#header h1{font-size:1.25em}.body2>#header h1 br{display:none}.body2>#footer .copyright li{border-left-width:0;display:block;line-height:2.25em;margin-left:0;padding-left:0}}@media screen and (max-width: 980px){h1 br,h2 br,h3 br,h4 br,h5 br,h6 br{display:none}ul.icons li .icon{font-size:1.25em}ul.alt li{display:inline-block}.body2>#header{background-attachment:scroll;background-position:top left,center center;background-size:auto,cover;left:auto;padding:1.25em;position:relative;text-align:center;top:auto;width:100%;display:block}.body2>#header h1{font-size:1.75em}.body2>#header h1 br{display:inline}.body2 #headerfooter{display:none}.body2>#footer{background-attachment:scroll;background-color:#1f1815;color:#fff6;background-image:url(/images/overlay.png),url(/images/korea.jpg);background-position:top left,bottom center;background-repeat:repeat,no-repeat;background-size:auto,cover;bottom:0;height:100px;text-align:center;width:100%}.body2>#footer .icons{margin:0 0 1em}.body2>#footer .copyright{margin:0 0 1em;font-size:.9em}.body2>#footer .copyright li{border-left-width:1px;display:inline-block;line-height:1em;margin-left:.75em;padding-left:.75em}.body2>#main{margin:0;width:100%;padding-bottom:100px}}@media screen and (max-width: 736px){h1{font-size:1.5em}h2{font-size:1.2em}h3{font-size:1em}section.special,article.special{text-align:center}header.major h2{font-size:1.35em}ul.labeled-icons li{padding-left:2em}ul.labeled-icons li h3{line-height:1.75em}.body2>#header{padding:2.25em 1.5em}.body2>#header h1{font-size:1.35em}.body2>#footer{padding:2.25em 1.5em}.body2>#main>section{margin:2.25em 0 0;padding:2.25em 0 0}}@media screen and (max-width: 480px){ul.actions{margin:0 0 2em}ul.actions li{display:block;padding:1em 0 0;text-align:center;width:100%}ul.actions li:first-child{padding-top:0}ul.actions li>*{margin:0!important;width:100%}ul.actions li>*.icon:before{margin-left:-2em}ul.actions.small li{padding:.5em 0 0}ul.actions.small li:first-child{padding-top:0}.body2>#header{padding:.25em}.body2>#header h1 br{display:none}.body2>#footer .copyright li{border-left-width:0;display:block;line-height:2.25em;margin-left:0;padding-left:0}}code{background:#f7f7f7;border-radius:.35em;border:solid 2px #efefef;font-family:Courier New,monospace;font-size:.9em;margin:0 .25em;padding:.25em .65em}pre{-webkit-overflow-scrolling:touch;font-family:Courier New,monospace;font-size:.9em;margin:0 0 2em}pre code{display:block;line-height:1.75em;padding:1em 1.5em;overflow-x:auto}.no-pads{padding-left:0;padding-right:0}.card{padding:1.5rem;margin-bottom:1.5rem;margin-left:.5em;margin-right:.5em;box-shadow:0 1px 3px #888;background:#f9f9f9;border-radius:.5em;user-select:none;animation:fly-in-from-left .5s .2s ease both;transform-origin:top left}.card:nth-child(2n){animation-name:fly-in-from-right;animation-delay:.4s;transform-origin:top right}.card h3{margin:.5em 0;text-align:center}.card tr{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:5px}@keyframes fly-in-from-left{0%{transform:translateY(15rem) rotate(15deg);opacity:0}}@keyframes fly-in-from-right{0%{transform:translateY(15rem) rotate(-15deg);opacity:0}}.table{width:100%}.last-price{font-size:large;color:#0000cf;padding-top:5px;padding-bottom:5px}#weather-container{display:flex}div.weather-daily-container{width:120px}div.weather-daily.selected{border:2px solid #88aaee}div.weather-daily{display:inline-block;line-height:1;text-align:center;font-weight:13px;height:90px;width:73px;border:1px solid #eee;border-radius:12px}.weather-dayname{color:#bababa;padding-top:7px;line-height:15px}.weather-daily-img-container{display:inline-block}.weather-daily-img-container img{margin:1px 4px 0;height:48px;width:48px}.weather-daily-temperature{font-weight:400;line-height:15px;font-size:13px}.weather-daily-temperature .low{color:#bababa;display:inline-block;padding-right:5px}.weather-daily-temperature .high{color:#878787;display:inline-block}.weather-daily-temperature span{display:inline}.weather-hourly-container{flex-grow:1}.weather-hourly-img-container{font-weight:400;line-height:12px;font-size:10px}.button-container{text-align:center;margin-top:1em}.button{cursor:pointer;background:linear-gradient(#eee,#ddd);padding:5px;border:1px solid #aaa;border-radius:8px;width:33%}.fade-enter{opacity:.01}.fade-enter-active{opacity:1;transition:opacity .5s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:.01;transition:opacity .5s ease-in}