*{
    padding: 0;
    margin: 0;
    border: 0;
}
*,*:before,*::after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family: inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner{padding: 0; border: 0;}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size: inherit; font-weight: 400;}

body {
    font-family: Arial, "helvetica Neue", Helvetica, sans-serif;
    background-color: #f1f1ed;
    font-size: 1.25rem;
}
.wrapper {
    min-height: 100%;
    position: relative;
    overflow: clip;
 }
.main-screen { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

}
.main-screen__trees,
.main-screen__trees span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    will-change: transform;
 }
.main-screen__trees_6 span {
    background: url("../img/trees-06.svg") bottom / auto 100% repeat-x;
 }
.main-screen__trees_5 span {
    background: url("../img/trees-05.svg") bottom / auto 100% repeat-x;
 }
.main-screen__trees_4 span {
    background: url("../img/trees-04.svg") bottom / auto 90% repeat-x;
 }
.main-screen__trees_3 span {
    background: url("../img/trees-03.svg") bottom / auto 70% repeat-x;
 }
.main-screen__trees_2 span {
    background: url("../img/trees-02.svg") bottom / auto 70% repeat-x;
 }
.main-screen__trees_1 span {
    background: url("../img/trees-01.svg") bottom / auto 60% repeat-x;
 }
.main-screen__birds { 
    position: absolute;
    z-index: 2;
}
.main-screen__birds span { 
    display: block;
}
.main-screen__birds_1 { 
    width: 45vh;
    max-width: 40%;
    left: 10vw;
    top: 10vh;
    will-change: transform;
}
.main-screen__birds_1 span {
    background: url("../img/birds-01.svg") 0 0 / 100% no-repeat;
    padding-bottom: 76%;
}
.main-screen__birds_2 {
    width: 30vh;
    max-width: 25%;
    right: 10vw;
    top: 10vh;
    will-change: transform;
}
.main-screen__birds_2 span {
    background: url("../img/birds-02.svg") 0 0 / 100% no-repeat;
    padding-bottom: 55%;
}
.main-screen__mountains, 
.main-screen__mountains span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
 }
 .main-screen__mountains span {
    background: url("../img/mountains.svg") center / auto 80% repeat-x;
 }
.content {
    padding-top: 200vh;
 }
.content__container { 
    margin: 0 auto;
    max-width: 75rem;
    padding: 3.125rem 0.9375rem 5.125rem 0.9375rem;
}
.content__title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
 }
.content__body p {
    line-height: 150%;
}
.content__body p:not(:last-child) {
    margin-bottom: 1.25rem;
} 
.main-screen__trees span {
    transform: translate(0px, 100%);
}
.loaded .main-screen__trees span {
    transform: translate(0px, 15%);
    transition: transform 0.8s ease;
}
.loaded .main-screen__trees_1 span {
    transition-delay: 0.5s;
}
.loaded .main-screen__trees_2 span {
    transition-delay: 0.7s;
}
.loaded .main-screen__trees_3 span {
    transition-delay: 0.9s;
}
.loaded .main-screen__trees_4 span {
    transition-delay: 1.1s;
}
.loaded .main-screen__trees_5 span {
    transition-delay: 1.3s;
}
.loaded .main-screen__trees_6 span {
    transition-delay: 1.5s;
}
.main-screen__mountains span {
    transform: translate(0px, 100%);
}
.loaded .main-screen__mountains span {
    transform: translate(0px, 0px);
    transition: transform 1.5s ease 1.5s;
}
.main-screen__birds_1 span {
    transform: translate(-200%, 0px);
}
.main-screen__birds_2 span {
    transform: translate(200%, 0px);
}
.loaded .main-screen__birds_1 span,
.loaded .main-screen__birds_2 span {
    transform: translate(0px, 0px);
    transition: transform 0.8s ease 2.3s;
}
.thanks__block {
    position: fixed;
    bottom: 5px;
    right: 20px;
    z-index: 2;
}
.thanks__block p {
    color: #acacaf;
    font-size: 12px;
}
.thanks__block p a {
    color: #acacaf;
}
.my__block {
    position: fixed;
    bottom: 5px;
    left: 20px;
    z-index: 100;
}
.my__block a {
    font-size: 12px;
    color: #acacaf;
}