/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
@import 
url("https://fonts.googleapis.com/css?family=Lato:400,700,900");
html
{
    font-family:sans-serif;
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body
{
    margin:0
}article,aside,footer,header,nav,section
{
    display:block
}
h1
{
    font-size:2em;
    margin:0.67em 0
}
figcaption,figure,main
{
    display:block
}
figure
{
    margin:1em 40px
}
hr
{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre
{
    font-family:monospace, monospace;
    font-size:1em
}
a
{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active,a:hover
{
    outline-width:0
}
abbr[title]
{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong
{
    font-weight:inherit
}
b,strong
{
    font-weight:bolder
}
code,kbd,samp
{
    font-family:monospace, monospace;
    font-size:1em
}
dfn
{
    font-style:italic
}
mark
{
    background-color:#ff0;
    color:#2d7ade
}
small
{
    font-size:80%
}
sub,sup
{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub
{
    bottom:-0.25em
}
sup
{
    top:-0.5em
}
audio,video
{
    display:inline-block
}
audio:not([controls])
{
    display:none;
    height:0
}
img
{
    border-style:none
}
svg:not(:root)
{
    overflow:hidden
}
button,input,optgroup,select,textarea
{
    font-family:sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input
{
    overflow:visible
}
button,select
{
    text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"]
{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner
{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring
{
    outline:1px dotted ButtonText
}
fieldset
{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend
{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress
{
    display:inline-block;
    vertical-align:baseline
}
textarea
{
    overflow:auto
}
[type="checkbox"],[type="radio"]
{
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button
{
    height:auto
}
[type="search"]
{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration

{
    -webkit-appearance:none
}
::-webkit-file-upload-button
{
    -webkit-appearance:button;
    font:inherit

}
details,menu
{
    display:block
}
summary
{
    display:list-item
}
canvas
{
    display:inline-block
}
template
{
    display:none
}
[hidden]
{
    display:none
}
.Navbar ul
{
    list-style:none;
    padding-left:0;
    margin:0
}
html
{
    font-size:62.5%;
    box-sizing:border-box
}
*,*:before,*:after
{
    box-sizing:inherit
}
body
{
    margin:0;
    background-color:#fff
}
img
{
    max-width:100%;height:auto
}
.u-cf:before,.u-cf:after
{
    content:" ";
    display:table
}
.u-cf:after
{
    clear:both
}
.u-hug
{
    margin-top:0 !important
}
.u-pullRight
{
    float:right
}
.u-keyline
{
    position:relative
}
.u-keyline:before
{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    border-top:1px solid #ddd
}
.u-link
{
    display:inline;
    position:relative;
    background-image:linear-gradient(to bottom, #8d38a8 0, #8d38a8 100%);
    background-position:0 100%;
    background-repeat:repeat-x;
    background-size:2px 2px;
    border-bottom:0;
    text-decoration:none
}.u-link:hover
{
    background-image:linear-gradient(to bottom, #fcaca3 0, #fcaca3 100%)
}
/*
.u-shadow
{
    text-shadow:4px 4px 0 #8d38a8;
    transition:text-shadow .2s ease-in-out
}
*/
a:hover .u-shadow
{
    text-shadow:-4px -4px 0 #6efd2d
}

@media (max-width: 767px)
{
    .u-hidden\@sm-down
    {
        display:none !important
    }
}
@media (max-width: 543px)
{
    .u-hidden\@xs-down
    {
        display:none !important
    }
}
body
{
    color:#333;
    font-size:1.6rem;
    font-family:Lato,Helvetica,Arial,sans-serif;
    font-weight:normal;
    line-height:1.5;
    letter-spacing:.008em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
h1,h2,h3,h4,h5,h6
{
    
    color:#111;
    line-height:1.2;
    font-weight:900
}
h1,h2,h3,h4,h5,h6,ul,p
{
    margin-top:1.6rem;
    margin-bottom:0
}
h3,.h3
{
    font-size:2rem;
    margin-top:3.2rem
}
a
{
    color:#333
}
ul
{
    padding-left:1.8rem
}
.Title
{
    font-size:50px;
    font-size:8vw;
    font-family:Lato, "Open Sans", Helvetica, Arial;
    font-weight:900;
    line-height:1.1;
    margin-top:0;
    margin-bottom:0;
    text-transform:uppercase;
    display:inline-block
}
@media (max-width: 525px)
{
    .Title
    {
        font-size:42px
    }
}
@media (min-width: 937.5px)
{
    .Title
    {
        font-size:75px
    }
}
.Title-sub
{
    font-size:0.34em;
    letter-spacing:0.16em;
    font-weight:400;
    text-transform:none;
    display:block;
    margin-top:1.2rem;
    padding-top:1.6rem;
    border-top:0.45em solid
}
.l-Wrapper
{
    width:80%;
    max-width:90rem;
    margin-left:auto;
    margin-right:auto
}
@media (max-width: 767px)
{
    .l-Wrapper--reset\@sm-down{width:100%
    }
}
.l-Header
{
    margin-top:6.4rem;
    margin-bottom:3.2rem
}
.l-Header-col
{
    margin-top:3.2rem;
    
    margin-bottom:3.2rem
}
@media (min-width: 544px)
{
    .l-Header
    {
        display:flex;
        justify-content:space-between;
        align-items:flex-end
    }
    .l-Header-col:last-child:not(:first-child)
    {
        text-align:right
    }
}
.l-Section
{
    margin-top:6.4rem
}
.l-Section+.l-Section
{
    position:relative;
    border-top:1px solid #ddd
}
.l-Section+.l-Section:before
{
    content:"";
    font-size:50px;
    font-size:8vw;
    position:absolute;
    top:-.1rem;
    border-top:.153em solid;
    width:4rem
}
@media (max-width: 525px)
{
    .l-Section+.l-Section:before
    {
        font-size:42px
    }
}
@media (min-width: 937.5px)
{
    .l-Section+.l-Section:before
    {
        font-size:75px
    }
}
.l-Section-title,.l-Section-content
{
    margin-top:3.2rem
}
.l-Section-content>:first-child

{
    
    margin-top:0
    
}
.l-Section-content>p:first-child,.l-Section-content>ul:first-child
{
    
    margin-top:0.3rem

}
.l-Section-content .skill

{
    display:inline;
    position:relative;
    margin-top:0.3rem;margin-bottom:1rem
}
.l-Section-content .skill:last-child
{
    
    margin-bottom:0
}
@media (min-width: 768px)
{
    .l-Section
    {
        display:flex
    }
    
    .l-Section:before
    {
        display:none
    }
    .l-Section-title{flex:0 0 24%
    }
}
.l-Footer
{
    font-size:1.4rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:12.8rem -.8rem 3.2rem;
    padding-top:3.2rem
}
.l-Footer a
{
    text-decoration:none;
    display:inline-block
}
.l-Footer a:not(:last-child)
{
    margin-right:1.6rem
}
.l-Footer a:hover
{
    color:#111
}
.l-Footer-col
{
    padding-left:.8rem;
    padding-right:.8rem
}
.Navbar
{
    color:#fff;
    font-size:1rem;
    font-weight:bold;
    line-height:4rem;
    letter-spacing:0.28rem;
    text-transform:uppercase;
    width:100%;
    background-color:#111
}
.Navbar a:not(.Navbar-toggle)
{
    color:inherit;
    text-decoration:none
}
.Navbar li
{
    display:inline-block
}
.Navbar a
{
    display:block;
    padding:0 .8rem
}
a.Navbar-btn
{
    padding-left:2rem;
    padding-right:2rem;
    background:#6fd1bd
}a.Navbar-btn:hover
{
    background:salmon
}
@media (max-width: 767px)
{
    .Navbar
    {
        
        text-align:right
    }
    .Navbar ul:not(:first-child)
    {
        display:inline-block;padding-right:1.6rem !important
    }
}
.Tag
{
    color:#111;
    text-shadow:1px 1px 0 rgba(255,255,255,0.4);
    font-weight:700;
    line-height:1;
    position:relative;
    display:inline-block;
    padding-left:.8rem;
    padding-right:.8rem
}
.Tag:before
{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    height:1em;
    bottom:0;
    margin:auto;
    border-radius:0.2rem;
    background-color:rgba(111,209,189,0.5);
    transition:all 0.8s 0.4s ease-in-out
}
.Tag:hover:before
{
    transform:scale(1.05, 2.4);
    background-color:#6fd1bd;
    transition-delay:0s;
    transition-duration:.2s
}
@media print
{
    html
    {
        font-size:50%
    }
    .l-Wrapper
    {
        width:100%;
        max-width:none
    }
    .Navbar,.u-hidden\@print
    {
        display:none
    }
    .l-Header,.l-Header-col
    {
        margin-top:0
    }
    .l-Footer,.l-Section
    {
        margin-top:3.2rem
    }
    h3,.h3,.l-Section-title,.l-Section-content
    {
        margin-top:1.6rem
    }
    .Title
    {
        font-size:4.5rem
    }
    .l-Header
    {
        display:flex;
        justify-content:space-between;
        align-items:flex-end
    }
    .l-Header-col:last-child:not(:first-child)
    {
        
        text-align:right
    }
        .l-Section
        {
            position:relative;
            padding-top:5px;
            border-top:1px solid #ddd
        }
        .l-Section:before
        {
            display:none
        }
        .l-Section:after
        {
            content:"";
            position:absolute;
            top:-1px;
            left:0;
            border-top:5px solid;
            width:4rem
        }
        .Tag
        {
            font-weight:900;
            display:inline;
            padding-left:0;
            padding-right:0
        }
        *,*:before,*:after,p:first-letter,div:first-letter,blockquote:first-letter,li:first-letter,p:first-line,div:first-line,blockquote:first-line,li:first-line
        {
            background:transparent !important;
            color:#000 !important;
            box-shadow:none !important;
            text-shadow:none !important
        }
        a,a:visited
        {
            text-decoration:underline
        }
        p,h2,h3,li
        {
            orphans:3;
            widows:3
        }
        h2,h3
        {
            page-break-after:avoid;
            color:red
        }
    }
    @page
    {
        margin:2.2cm 2.2cm 1.8cm
    }