/*!
 * Asclaria
 * Version: 5
 * 
 * Lysianthus's personal use only
 */@font-face{font-family:Kelvinch;font-weight:400;font-style:normal;src:url(../fonts/KelvinchRegular.woff) format("woff")}@font-face{font-family:Kelvinch;font-weight:700;font-style:normal;src:url(../fonts/KelvinchBold.woff) format("woff")}@font-face{font-family:Kelvinch;font-weight:400;font-style:italic;src:url(../fonts/KelvinchItalic.woff) format("woff")}@font-face{font-family:Kelvinch;font-weight:700;font-style:italic;src:url(../fonts/KelvinchBoldItalic.woff) format("woff")}@font-face{font-family:Ribbon;font-weight:400;font-style:normal;src:url(../fonts/Ribbon.woff) format("woff")}@font-face{font-family:Cornerstone;font-weight:400;font-style:normal;src:url(../fonts/Cornerstone.woff) format("woff")}.showcase__item:after{margin:0;padding:0;content:"";display:table;clear:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeIn{animation:fadeIn .3s linear forwards}.fadeOut{animation:fadeOut .3s linear forwards}@keyframes bordersX{0%{width:0%}100%{width:calc(100% - 100px)}}@keyframes bordersY{0%{height:0%}100%{height:calc(100% - 100px)}}@media only screen and (max-width:767px){@keyframes bordersX{0%{width:0%}100%{width:calc(100% - 50px)}}@keyframes bordersY{0%{height:0%}100%{height:calc(100% - 50px)}}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Kelvinch,serif;animation:fadeIn 1s linear}h2,h3,h4,h5,h6{font-family:Cornerstone,sans-serif;color:#a05f91}img{max-width:100%}figure img{text-align:center}#welcome__menu{position:absolute;z-index:3;top:0;right:0;left:0;bottom:0;margin:0;padding:0;font-family:Cornerstone,sans-serif;font-weight:400;font-style:normal;font-size:2rem}#welcome__menu a{position:absolute;margin:0;padding:5px;background-color:#f6e998;text-decoration:none;color:#572c56;transition:all .3s linear;line-height:1.25}#welcome__menu a:first-child{top:25px;left:25px}#welcome__menu a:nth-child(2){top:25px;right:25px}#welcome__menu a:nth-child(3){bottom:25px;right:25px}#welcome__menu a:nth-child(4){bottom:25px;left:25px}#welcome__menu a:nth-child(even){background-color:#fec0c7}@media only screen and (max-width:767px){#welcome__menu{position:absolute;top:auto;bottom:0;width:100%;height:200px;display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%}#welcome__menu a{position:relative;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;padding:10px;text-align:center}}@media only screen and (max-width:320px){#welcome__menu{font-size:1.5rem}}#welcome{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;margin:0;padding:0;background:#a05f91 url(../images/render.png) bottom center no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}#welcome:after,#welcome:before{transition:all .3s ease-in-out}#welcome:before{content:"";position:absolute;top:0;left:0;z-index:2;display:block;margin:50px;padding:0;height:calc(100% - 100px);border-color:#f6e998;border-width:10px 0;border-style:solid;animation:bordersX 1s ease-out 1s forwards}#welcome:after{content:"";position:absolute;top:0;left:0;z-index:2;display:block;margin:50px;padding:0;width:calc(100% - 100px);border-color:#fec0c7;border-width:0 10px;border-style:solid;animation:bordersY .5s ease-in 1.25s forwards}@media only screen and (max-width:767px){#welcome{bottom:200px}#welcome:after,#welcome:before{margin:25px}#welcome:before{height:calc(100% - 50px)}#welcome:after{width:calc(100% - 50px)}}#welcome__site-name{position:relative;z-index:4;margin:0;padding:0;font-family:Ribbon,sans-serif;font-weight:400;font-style:normal;font-size:5rem;color:#fff;text-shadow:-10px 0 10px #e26872,10px 0 10px #e26872,0 10px 10px #e26872,0 -10px 10px #e26872}@media only screen and (max-width:767px){#welcome__site-name{font-size:3rem}}#welcome__site-description{position:relative;z-index:4;margin:25px 0 0;padding:10px;background-color:rgba(255,255,255,.8);font-family:Kelvinch,serif;font-weight:400;font-style:italic;font-size:1rem;letter-spacing:5px}@media only screen and (max-width:767px){#welcome__site-description{font-size:.8rem}}#projects{position:absolute;z-index:5;top:110px;right:110px;bottom:110px;left:110px;display:none;margin:0;padding:25px;max-height:100vh;background-color:rgba(255,255,255,.8);text-align:center;color:#572c56}#projects ul{margin:0;padding:0;list-style:none}#projects ul li{margin:0;padding:0}#projects ul li a{font-family:Kelvinch,serif;font-weight:700;font-style:normal;font-size:2rem;line-height:1.5;color:#572c56}#projects h2{font-family:Kelvinch,serif;font-weight:400;font-style:normal;font-size:1.25rem;text-transform:uppercase}@media only screen and (max-width:767px){#projects{top:0;right:0;bottom:0;left:0}}#closeProjects{background:0 0;border:none;font-family:Kelvinch,serif;font-weight:400;font-style:normal;font-size:1.5rem;text-decoration:underline;text-transform:lowercase;color:inherit}.showcase{position:relative;margin:0;padding:0;width:100%;min-height:100vh}.showcase .mobile__show-header{overflow-y:hidden}#toggleHeader{position:fixed;z-index:3;top:0;left:3%;display:none;margin:0;padding:20px;background-color:#f6e998;border:none;font-family:Cornerstone,sans-serif;font-weight:400;font-style:normal;font-size:1rem;text-transform:uppercase;transition:all .3s ease-in-out;color:#572c56}@media only screen and (max-width:768px){#toggleHeader{display:block}}.mobile__show-header #toggleHeader{left:500px}@media only screen and (max-width:767px){.mobile__show-header #toggleHeader{left:calc(90% - 82px)}}.showcase__header{position:fixed;z-index:2;top:0;left:0;margin:0;padding:0;background-color:#fff;width:30%;height:100%;overflow-y:auto;border-bottom:10px solid #fec0c7;transition:all .3s ease-in-out}@media only screen and (max-width:768px){.showcase__header{transform:translateX(-90%);overflow-y:hidden}}.mobile__show-header .showcase__header{width:500px;transform:translateX(0);overflow-y:auto}@media only screen and (max-width:767px){.mobile__show-header .showcase__header{width:90%}}.showcase__header__banner{position:relative;z-index:1;margin:0;padding:100px 5%;background:url(../images/square_face.png) center no-repeat;background-size:cover;text-align:center}.showcase__header__banner:before{content:"";position:absolute;z-index:1;top:50px;left:50px;right:50px;bottom:50px;display:block;width:calc(100% - 100px);height:calc(100% - 100px);background-color:rgba(255,255,255,.5)}.showcase__header__site-name{position:relative;z-index:2;margin:0 0 1em;padding:0;font-family:Kelvinch,serif;font-weight:700;font-style:normal;font-size:1.5rem;letter-spacing:3px}.showcase__header__site-name:after{content:"";display:block;margin:1em auto;padding:0;width:25px;height:1px;background-color:#999}.showcase__header__site-name a{text-decoration:none;color:#e26872}.showcase__header__site-description{position:relative;z-index:2;margin:0;padding:0;font-family:Kelvinch,serif;font-weight:400;font-style:italic;font-size:1rem;color:#000}.showcase__header__menu{margin:0;padding:20px}.showcase__header__menu__heading{margin:0 0 20px;padding:0;font-family:Cornerstone,sans-serif;font-weight:400;font-style:normal;font-size:1rem;text-align:center;text-transform:uppercase;color:#fec0c7}.showcase__item{display:block;margin:0 0 20px;padding:0;text-decoration:none}.showcase__item__thumbnail{margin:0;padding:0;display:block;float:left;width:100px;height:100px}.showcase__item__info{position:relative;margin:0 0 0 100px;padding:10px;height:100px;background-color:#a05f91;color:#fff;transition:all .3s linear}.showcase__item__info:focus,.showcase__item__info:hover{background-color:#e26872}.showcase__item__title{position:relative;z-index:2;margin:0 0 10px;padding:0;font-family:Kelvinch,serif;font-weight:700;font-style:normal;font-size:1.1rem}.showcase__item__url{position:absolute;z-index:1;right:-10px;bottom:10px;margin:0;padding:10px;background-color:#f6e998;background:linear-gradient(-45deg,#fec0c7 10px,#f6e998 10px,#f6e998);font-family:Kelvinch,serif;font-weight:400;font-style:normal;font-size:.8rem;color:#572c56}.showcase__content{position:absolute;z-index:1;top:0;right:0;left:30%;margin:0;padding:50px 5%;min-height:100vh;background-color:#fec0c7;border-top:#fff 10px solid;font-family:Kelvinch,serif;font-weight:400;font-style:normal;font-size:1.5rem;line-height:2}.showcase__content a{color:#a05f91;transition:all .3s linear}.showcase__content a:focus,.showcase__content a:hover{background-color:#fff;color:#e26872}.showcase__content p{position:relative;z-index:2}@media only screen and (max-width:768px){.showcase__content{left:3%}}@media only screen and (max-width:767px){.showcase__content{font-size:1.25rem}}.mobile__show-header .showcase__content{overflow-y:hidden}.showcase__preview{position:relative;z-index:1;margin:-50px 0;padding:0;text-align:center}.showcase__heading{position:relative;z-index:2;margin:0 0 50px;padding:0;font-family:Ribbon,sans-serif;font-weight:400;font-style:normal;font-size:4rem;text-align:right;line-height:1;color:#fff}@media only screen and (max-width:767px){.showcase__heading{font-size:3rem}}.page{position:relative;margin:0;padding:50px 5% 250px;width:100%;min-height:100vh;background:linear-gradient(-45deg,#f6e998 300px,#fff 300px,#fff) fixed;border-top:10px solid #a05f91;border-bottom:10px solid #a05f91}@media only screen and (max-width:768px){.page{padding-bottom:200px}}@media only screen and (max-width:767px){.page{padding-bottom:150px}}.page__menu{position:absolute;z-index:2;top:0;right:calc(5% - 25px);margin:0;padding:25px 0;min-height:100%;background:linear-gradient(to left,transparent 25px,#a05f91 25px,#a05f91 35px,transparent 35px,transparent);font-family:Kelvinch,serif;font-weight:700;font-style:normal;font-size:1.25rem;text-align:right}@media only screen and (max-width:768px){.page__menu{right:5%}}.page__menu:after{content:"";position:absolute;right:0;bottom:50px;display:block;width:200px;height:200px;background:url(../images/square_hands.png) center no-repeat;border:#a05f91 10px solid}@media only screen and (max-width:768px){.page__menu:after{width:150px;height:150px}}@media only screen and (max-width:767px){.page__menu:after{width:100px;height:100px}}.page__menu a{color:#fff}.page__menu__list{margin:0;padding:0;list-style:none;text-transform:lowercase}.page__menu__list li{margin:0;padding:0;line-height:2}.page__menu__list li a{text-decoration:none;background-color:#e26872;transition:all .3s linear}.page__menu__list li a:focus,.page__menu__list li a:hover{background-color:#f6e998;color:#572c56}.page__menu__list li ul{margin:0;padding:0;list-style:none}.page__menu__list li ul>li>a{background-color:#f6e998;text-transform:lowercase;color:#572c56}.page__menu__list li ul>li>a:focus,.page__menu__list li ul>li>a:hover{background-color:#fec0c7}@media only screen and (max-width:768px){.page__menu__list li{opacity:.1;transition:all .3s ease-in-out}.page__menu__list li ul{display:none;opacity:0;transition:all .3s ease-in-out}}.mobile__show-page-menu .page__menu__list li{opacity:1}.mobile__show-page-menu .page__menu__list li ul{display:block;opacity:1}#togglePageMenu{position:relative;z-index:2;display:none;margin:0 0 20px auto;padding:10px;background:0 0;background-color:#a05f91;border:none;font-family:Cornerstone,sans-serif;font-weight:400;font-style:normal;font-size:1rem;text-transform:lowercase;line-height:2;color:#fff}@media only screen and (max-width:768px){#togglePageMenu{display:block}}.page__heading{margin:0 0 50px;padding:0;font-family:Ribbon,sans-serif;font-weight:400;font-style:normal;font-size:5rem;text-align:left;line-height:1;color:#e26872}@media only screen and (max-width:767px){.page__heading{font-size:3rem}}.article{margin:0;padding:0;width:80%;font-family:Kelvinch,serif;font-weight:400;font-style:normal;font-size:1.5rem;line-height:2}.article a{color:#a05f91;transition:all .3s linear}.article a:focus,.article a:hover{background-color:#f6e998;color:#e26872}@media only screen and (max-width:768px){.article{font-size:1.25rem}}@media only screen and (max-width:425px){.article{font-size:1rem}}.article,.page__heading{opacity:1;transition:all .3s ease-in-out}.mobile__show-page-menu .article,.mobile__show-page-menu .page__heading{opacity:.1}input,select,textarea{padding:20px;width:100%;background:linear-gradient(135deg,#f6e998,#f6e998 20px,transparent 20px,transparent);border:none;border-bottom:10px solid #e26872;font-family:Kelvinch,serif;font-weight:400;font-style:normal;font-size:inherit;color:#572c56}a.button,button{display:inline-block;margin:0;padding:20px;background:linear-gradient(135deg,#f6e998,#f6e998 20px,transparent 20px,transparent);background-color:#a05f91;border:none;font-family:Cornerstone,sans-serif;font-weight:400;font-style:normal;font-size:1.25em;text-decoration:none;text-transform:uppercase;line-height:1;color:#fff;transition:all .3s linear}a.button:focus,a.button:hover,button:focus,button:hover{background-color:#572c56}a.button.alt,button.alt{background:linear-gradient(-45deg,#f6e998,#f6e998 20px,transparent 20px,transparent);background-color:#a05f91;color:#fff}a.button.alt:focus,a.button.alt:hover,button.alt:focus,button.alt:hover{background-color:#572c56;color:#fff}::-moz-placeholder{color:#572c56}:-ms-input-placeholder{color:#572c56}::placeholder{color:#572c56}