@font-face{font-family:"Brownhill Script";font-weight:400;font-style:normal;src:url(../fonts/Brownhill-Script.woff) format("woff")}:root{--container-width:800px;--container-halfwidth:-400px;--logo-size:350px;--logo-halfsize:-175px}@media only screen and (max-width:800px){:root{--container-width:90%;--container-halfwidth:-45%;--logo-size:calc(0.8 * 350px);--logo-halfsize:calc(var(--logo-size) / -2)}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-size:100%;font-family:"Work Sans",sans-serif,sans-serif}.header{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;margin:0;padding:50px 5%;background:url(../images/pattern.png) #ffe4cd repeat;background-attachment:fixed}.logo{position:relative;margin:0 auto;padding:25px 0;width:var(--logo-size);height:var(--logo-size);background-color:#fff;border-radius:100%}.logo:after{content:"";position:absolute;bottom:-200px;left:50%;margin:0 0 0 -150px;padding:0;background:url(../images/dragonfly.png) top center no-repeat;background-size:300px 300px;width:300px;height:300px}.wreath{margin:0 auto;padding:0;min-height:calc(var(--logo-size) - 50px);background:url(../images/wreath.png) center no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center}.title{margin:0;padding:0;font-family:"Brownhill Script",cursive;font-weight:400;font-style:normal;font-size:3rem;text-align:center}.main-menu{position:fixed;z-index:3;bottom:0;right:0;left:0;top:auto;margin:0;padding:0;background-color:#fff;font-family:"Work Sans",sans-serif;font-weight:700;font-style:normal;font-size:0;text-align:center;text-transform:uppercase;letter-spacing:3px}.main-menu ul{margin:0;padding:0;list-style:none}.main-menu ul li{margin:0;padding:0;display:inline-block}.main-menu ul li a{display:block;margin:0;padding:20px;font-size:1rem;text-decoration:none;color:#0d98ba;transition:all .3s linear}.main-menu ul li a:focus,.main-menu ul li a:hover{color:#c0448f}@media only screen and (max-width:425px){.main-menu ul li a{font-size:.8rem}}.container{display:none;position:absolute;z-index:2;top:50px;left:50%;margin-top:0;margin-right:0;margin-bottom:200px;padding:0;background-color:#fefefe;font-size:0;line-height:1.75;animation:morphIn .5s ease-in-out forwards}@media only screen and (max-width:799px){.container{margin-bottom:250px}}.text-container{position:relative;margin:0;padding:50px 25px;min-height:var(--logo-size);background:url(../images/editor.png) #fefefe no-repeat;background-position:10px 10px;font-size:1.5rem;animation:delayText .5s linear .5s forwards;opacity:0}.text-container i{font-family:"Brownhill Script",cursive;font-weight:400;font-style:normal;font-size:inherit}.text-container a{text-decoration-color:#87a96b;color:#6f2da8;transition:all .3s linear}.text-container a:focus,.text-container a:hover{animation:changeColor .3s linear infinite;text-shadow:-3px 3px 0 #676767,3px -3px 0 #676767;filter:blur(1px)}@media only screen and (max-width:800px){.text-container{font-size:1.25rem}}@media only screen and (max-width:425px){.text-container{font-size:1rem}}.links-list--grid{margin:0;padding:0;list-style:none;text-align:center;font-size:0}.links-list--grid li{display:inline-block;margin:0;padding:0;width:30%;vertical-align:top}.links-list--grid a{display:block;margin:5px;padding:10px;border:1px dashed #999;font-size:1.25rem;text-decoration:none;color:#87a96b}@keyframes morphIn{0%{margin-left:var(--logo-halfsize);width:var(--logo-size);height:var(--logo-size);min-height:0;border-radius:100%}100%{margin-left:var(--container-halfwidth);width:var(--container-width);height:auto;min-height:var(--logo-size);border-radius:0}}@keyframes morphOut{0%{margin-left:var(--container-halfwidth);width:var(--container-width);height:auto;min-height:var(--logo-size);border-radius:0}25%{margin-left:var(--logo-halfsize);width:var(--logo-size);height:var(--logo-size)}100%{margin-left:var(--logo-halfsize);width:var(--logo-size);height:var(--logo-size);min-height:0;border-radius:100%}}@keyframes fadeOut{0%{display:block;opacity:1}100%{opacity:0}}@keyframes delayText{0%{opacity:0}100%{opacity:1}}@keyframes changeColor{0%{color:#f03865}25%{color:#bd8260}50%{color:#5fa778}75%{color:#1ca9c9}100%{color:#5f8a8b}}.morphOut{animation:morphOut .5s ease-in-out forwards,fadeOut .3s ease-in-out 250ms forwards}.delayTextOut{animation:delayText .5s linear reverse forwards}@keyframes blink{0%{opacity:1}100%{opacity:0}}.typer{display:inline-block;margin:0;padding:0;width:2px;height:1em;background-color:#000;animation:blink .5s linear infinite alternate}.color-selector{position:fixed;z-index:4;top:4px;right:20px;margin:0;padding:0;font-size:0;text-align:right}.color-selector a{display:inline-block;margin:5px;padding:0;width:2rem;height:2rem;border-radius:100%;border:3px solid #fff}.color-selector .color1{background-color:#ffe4cd}.color-selector .color2{background-color:#eceabe}.color-selector .color3{background-color:#a6e7ff}.color-selector .color4{background-color:#9fe2bf}