*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Avenir Next",Arial,"Franklin Gothic Medium","Arial Narrow",sans-serif;color:#3e3e3e;font-size:20px;opacity:1;background-color:#fcfcf7}img{transition:all .2s ease-out}img:hover{transform:scale(1.05)}a:active,a:focus,a:hover,a:visited{text-decoration:none;color:#aaa}.title p{font-family:"Courier New",Courier,monospace}#intro{margin-left:20vw;margin-top:240px;font-size:1.3em}#intro,#intro p{font-family:"Avenir Next"}#intro p{text-align:right;float:left;margin-right:20px;font-weight:400}#intro ul{float:left;list-style:none;color:#fff}#intro li{transition:all .4s ease-in;opacity:0;margin-top:-10px}#intro li.show{opacity:1;margin-top:0}#intro li:nth-child(2){transition-delay:.1s}#intro li:nth-child(3){transition-delay:.2s}#intro li:nth-child(4){transition-delay:.3s}#intro li:nth-child(5){transition-delay:.4s}.body{margin-top:180px}li,p{line-height:150%}.body ul{float:left}button{font-family:"Avenir Next";font-size:20px;font-weight:regular;color:#555;opacity:.5;background:none;border:none}button:hover{opacity:1}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in-s{0%{opacity:0}to{opacity:1}}@keyframes fade-in-s{0%{opacity:0}to{opacity:1}}html{scroll-behavior:smooth}.shadow{box-shadow:0 0 10px #aaa}.rounded{border-radius:20px}.centre{position:relative;bottom:0;width:100vw;padding-bottom:80px;background-color:#fcfcf7}#btt{font-family:"Noteworthy"}.page{margin-top:10vh;height:100%}.page .wrapper{position:relative;height:80vh}.page .wrapper .tile{position:absolute;background-color:#fff;box-shadow:inset 0 2px 4px #aaa;border-radius:30px 0 0 30px;transition:all .2s ease-in;padding:20px 80px;overflow-y:scroll}.page .wrapper .tile.show{padding:20px 0;transition-delay:.5s}.page .wrapper .tile.show .art{visibility:visible;transform:none;opacity:1;transition-delay:.7s}.page .wrapper .tile.hide .art{visibility:hidden;transform:scaleY(0);opacity:0;transition-duration:.1s}.page .wrapper button{position:absolute;bottom:30%;right:5%;z-index:10;transition:all .2s ease-out;border:1.5px solid #ccc;padding:2px 6px;border-radius:8px;background-color:hsla(0,0%,100%,.5)}.page .wrapper button.top{bottom:10%}.page .wrapper .tile.hide{top:25%;height:50%;left:60%;width:40%}.page .wrapper .tile.show{top:5%;height:90%;left:10%;width:90%}.page .wrapper .contentWrapper{position:absolute;left:30%;width:30%;height:100%;display:flex}.page .wrapper .contentWrapper img{max-height:60%;max-width:90%;margin:auto;transition:all .2s ease-out}.page .wrapper .tile .content{transition:all .5s ease-in;transition-delay:0s}.page .wrapper .tile .content.up{margin-top:-100%}.page .wrapper .tile .content.down{margin-top:30px}.page .wrapper .tile .art{transition:visibility .5s ease-in,opacity .5s ease-in}.article{position:absolute;font-family:"Avenir Next";color:#444}.article section{padding-bottom:60px}.article .grid,.article .half,.article .overlay,.article h2,.article h3,.article h4,.article ol,.article p{position:relative;margin:0 220px}.article h1{font-family:Arial,Helvetica,sans-serif;color:#4cb5ae;font-size:6em;padding-bottom:40px;margin:120px 220px 0}.article h2{color:#274044;font-size:1.5em;padding-bottom:40px}.article h3{padding-bottom:40px}.article h3,.article h4{font-size:.8em;text-transform:uppercase}.article h4{font-weight:500;padding-bottom:20px}.article p{padding-bottom:100px}.article li{padding-bottom:20px}.article li,.article p{color:#777;font-size:.8em}.article img{width:100%;transition:none}.half{display:grid;grid-template-columns:2fr 1fr}.half *,.half h3,.half p{margin:0}.half img{width:100%;height:auto}.article img:hover{transform:none}.article .overlay{position:relative}.article .overlay img{padding-bottom:120px}.article .overlay .over{position:absolute;transition:.1s ease-in;opacity:0}.article .overlay .over:hover{opacity:1}.article ol{list-style-type:decimal;list-style-position:outside}.article img.small{width:30%;margin:0 220px}.article a{margin:0;padding:0;color:#99886b}.article .grid{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;grid-column-gap:10%;-webkit-column-gap:10%;column-gap:10%;grid-row-gap:10%;row-gap:10%;margin-bottom:40px}.article .grid.column2{grid-template-columns:1fr 1fr}.article .grid.column3{grid-template-columns:1fr 1fr 1fr}.article .grid.row1{grid-template-rows:1fr}.article .grid.row2{grid-template-rows:1fr 1fr}.article .grid .gleft{grid-column:1/2}.article .grid .gright{grid-column:2/3;margin:0}.article br{margin-bottom:20px}.article .grid .maxHeight{max-height:500px;width:auto}.descript{min-width:400px}.descript h2{font-family:"Noteworthy";font-size:2em;color:#99886b;margin-bottom:15px}.descript .subtitle{font-family:"Courier New",Courier,monospace;margin-bottom:20px;color:#aaa}#navbar{position:fixed;left:0;top:0;width:100vw;height:10px;padding:0 80px;z-index:11}#bottomline,#highlight,#navbar{background-color:#ffd483}#navbar h1{font-family:"SignPainter";width:50vw;float:left;font-weight:lighter;font-size:80px;padding-top:15px;transition:all .2s ease-out}#navbar .about{font-size:120px;color:#4cb5ae}#buttons{position:fixed;margin:20px 40px 10px 10px;right:0}#navbar button{width:140px;transition:.2s;vertical-align:top;font-family:"Noteworthy"}#navbar .active{padding-top:10px;opacity:1}#highlight{position:fixed;height:6px;width:140px;margin-top:10px;margin-right:40px;z-index:-1;transition:all .1s ease-out}#bottomline{position:fixed;left:0;bottom:0;height:10px;width:100vw}a{text-decoration:none}#about{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 3fr;grid-gap:50px;gap:50px;padding:8vw 20vw 10vw;overflow:none}#about h1{font-family:"Courier New",Courier,monospace;font-weight:400;color:#2e3d3c}#about p,h2{font-weight:400;padding-bottom:20px}#about h2{font-style:oblique;color:#36817c}#about .centred{width:100%;text-align:center}#about img{width:100%;height:auto;border-radius:20px;border:4px solid #ffd483}#about .full{grid-column:1/4}#about .back{grid-column:2/4}#about .front{grid-column:1/3}#about .bold{font-weight:600;color:#3e3e3e}#about .special{color:#cc8500}#about a{color:#99886b}#about a:hover{color:#aaa}#about .line{width:30vw;height:1px;background-color:#99886b;margin:30px auto}#about .icon{border:none;width:30px;height:auto}
/*# sourceMappingURL=main.1ecd49da.chunk.css.map */