.background{
    position:absolute;
    display:block;
    top:0;
    left:0;
    z-index:0
}
a,b,body,canvas,center,code,div,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,p,q,s,span,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
body{
    line-height:1
}
q{
    quotes:none
}
q:after,q:before{
    content:'';
    content:none
}
body{
    -webkit-text-size-adjust:none
}
input::-moz-focus-inner{
    border:0;
    padding:0
}
input[type=email],input[type=text],select,textarea{
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    appearance:none
}
*,:after,:before{
    box-sizing:border-box
}
body{
    line-height:1;
    min-height:var(--viewport-height);
    min-width:320px;
    overflow-x:hidden;
    word-wrap:break-word
}
body:before{
    content:'';
    display:block;
    background-attachment:scroll;
    height:var(--background-height);
    left:0;
    pointer-events:none;
    position:fixed;
    top:0;
    transform:scale(1);
    width:100vw;
    z-index:0;
    background-image:linear-gradient(to top,rgba(0,0,0,0),rgba(100,100,100,.42)),url(../../assets/images/bg.jpg);
    background-position:0 0,center;
    background-repeat:repeat,no-repeat;
    background-size:auto,cover;
    background-color:#fff
}
body:after{
    background-color:#afb6c9;
    content:'';
    display:block;
    height:100%;
    left:0;
    opacity:0;
    position:fixed;
    top:0;
    transform:scale(1);
    transition:opacity 1s ease-in-out 375ms,visibility 1s 375ms;
    visibility:hidden;
    width:100%;
    z-index:1
}
body.is-loading:after{
    opacity:1;
    visibility:visible
}
:root{
    --background-height:100vh;
    --site-language-alignment:left;
    --site-language-direction:ltr;
    --site-language-flex-alignment:flex-start;
    --site-language-indent-left:1;
    --site-language-indent-right:0;
    --viewport-height:100vh
}
html{
    font-size:18pt
}
code{
    background-color:rgba(144,144,144,.25);
    border-radius:.25em;
    font-family:'Lucida Console','Courier New',monospace;
    font-size:.9em;
    font-weight:400;
    letter-spacing:0;
    margin:0 .25em;
    padding:.25em .5em;
    text-indent:0
}
s{
    text-decoration:line-through
}
a{
    color:inherit;
    text-decoration:underline;
    transition:color .25s ease
}
#wrapper{
    -webkit-overflow-scrolling:touch;
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:var(--viewport-height);
    overflow:hidden;
    position:relative;
    z-index:2;
    padding:1.5625rem 1.5625rem 1.5625rem 1.5625rem
}
#main{
    --alignment:center;
    --flex-alignment:center;
    --indent-left:1;
    --indent-right:1;
    --border-radius-tl:2rem;
    --border-radius-tr:2rem;
    --border-radius-br:2rem;
    --border-radius-bl:2rem;
    align-items:center;
    display:flex;
    flex-grow:0;
    flex-shrink:0;
    justify-content:center;
    max-width:100%;
    position:relative;
    text-align:var(--alignment);
    z-index:1;
    background-color:rgba(34,36,43,.859);
    border-radius:var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
    transition:opacity 1s ease 0s,transform 1s ease 0s
}
#main>.inner{
    --padding-horizontal:2.5rem;
    --padding-vertical:3.125rem;
    --spacing:1.125rem;
    --width:25rem;
    border-radius:var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
    max-width:100%;
    position:relative;
    width:var(--width);
    z-index:1;
    padding:var(--padding-vertical) var(--padding-horizontal)
}
#main>.inner>*{
    margin-top:var(--spacing);
    margin-bottom:var(--spacing);
    transition:opacity .5s ease-in-out 125ms
}
#main>.inner>:first-child{
    margin-top:0!important
}
#main>.inner>:last-child{
    margin-bottom:0!important
}
body.is-loading #main{
    opacity:0;
    transform:translateY(1.6875rem)
}
body.is-loading #main>.inner>*{
    opacity:0
}
#main>.inner>:nth-child(2){
    transition-delay:.25s
}
#main>.inner>:nth-child(3){
    transition-delay:375ms
}
#main>.inner>:nth-child(4){
    transition-delay:.5s
}
body.is-instant #main,body.is-instant #main>.inner>*{
    transition:none!important
}
body.is-instant:after{
    display:none!important;
    transition:none!important
}
.image{
    display:block;
    line-height:0;
    max-width:100%;
    position:relative
}
.image .frame{
    -webkit-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    display:inline-block;
    max-width:100%;
    overflow:hidden;
    vertical-align:top;
    width:100%
}
.image .frame img{
    border-radius:0!important;
    max-width:100%;
    vertical-align:top;
    width:inherit
}
#image01:not(:first-child){
    margin-top:1.5rem!important
}
#image01:not(:last-child){
    margin-bottom:1.5rem!important
}
#image01 .frame{
    width:7rem;
    border-radius:100%;
    transition:none
}
#image01 .frame img{
    transition:none
}
h1,h2,h3,p{
    direction:var(--site-language-direction);
    position:relative
}
h1 span.p,h2 span.p,h3 span.p,p span.p{
    display:block;
    position:relative
}
h1 a,h1 code,h1 span[style],h2 a,h2 code,h2 span[style],h3 a,h3 code,h3 span[style],p a,p code,p span[style]{
    -webkit-text-fill-color:currentcolor
}
#text02{
    color:#fff;
    font-family:Arial,sans-serif;
    letter-spacing:-.075rem;
    width:100%;
    font-size:2.25em;
    line-height:1.175;
    font-weight:400
}
#text02 a{
    text-decoration:underline
}
#text02 a:hover{
    text-decoration:none
}
#text02 span.p:nth-child(n+2){
    margin-top:1rem
}
#text01{
    color:rgba(255,255,255,.329);
    font-family:Arial,sans-serif;
    letter-spacing:-.025rem;
    width:100%;
    font-size:1em;
    line-height:1.425;
    font-weight:400
}
#text01 a{
    text-decoration:underline
}
#text01 a:hover{
    text-decoration:none
}
#text01 span.p:nth-child(n+2){
    margin-top:1rem
}
#text03{
    color:rgba(255,255,255,.329);
    font-family:Arial,sans-serif;
    letter-spacing:-.025rem;
    font-size:.5em;
    font-weight:400;
    display:block;
    position:absolute;
    bottom:.2%;
    right:0
}
#text03 a{
    text-decoration:underline
}
#text03 a:hover{
    text-decoration:none
}
#text03 span.p:nth-child(n+2){
    margin-top:1rem
}
@media (max-width:1680px){
    html{
        font-size:13pt
    }
}
@media (max-width:1280px){
    html{
        font-size:13pt
    }
}
@media (max-width:980px){
    html{
        font-size:11pt
    }
}
@media (max-width:736px){
    html{
        font-size:11pt
    }
    #main>.inner{
        --padding-horizontal:2rem;
        --padding-vertical:3.125rem;
        --spacing:1.125rem
    }
    #image01:not(:first-child){
        margin-top:1.125rem!important
    }
    #image01:not(:last-child){
        margin-bottom:1.125rem!important
    }
    #image01 .frame{
        width:7rem
    }
    #text02{
        letter-spacing:-.065625rem;
        width:100%;
        font-size:2.25em;
        line-height:1.175
    }
    #text01{
        letter-spacing:-.021875rem;
        width:100%;
        font-size:1em;
        line-height:1.425
    }
    #text03{
        letter-spacing:-.021875rem;
        width:100%;
        font-size:1em;
        line-height:1.425
    }
}
@media (max-width:480px){
    #main>.inner{
        --spacing:0.984375rem
    }
}
@media (max-width:360px){
    #main>.inner{
        --padding-horizontal:1.5rem;
        --padding-vertical:2.34375rem;
        --spacing:0.84375rem
    }
    #text02{
        font-size:2em
    }
    #text01{
        font-size:1em
    }
    #text03{
        font-size:.5em
    }
}