html{font-family:sans-serif}input,select,textarea,button{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;color:#000;font-size:1rem}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#000}header{width:1000px;margin:auto;display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:2rem 0;font-family:sans-serif}header div{display:flex;justify-content:center;align-items:center}header div:first-child,header div:last-child{width:6rem;height:3.5rem}header div:first-child{position:relative}header div button{width:100%;height:100%;border:none;background-color:#fff;display:flex;justify-content:center;align-items:center;justify-content:flex-start;align-items:start;flex-direction:column;cursor:pointer}header div button .menu-text{text-align:left;font-family:monospace;font-size:.7rem;margin-top:.25rem;width:100%;position:relative;left:-.25rem}header div button img{height:100%}.sidemenu{background-color:#fff;filter:drop-shadow(rgba(222,222,222,.2705882353) 1rem 1rem 10px);width:330px;height:100vh;position:fixed;top:0;left:-330px;opacity:0;transition:.15s ease-out;display:flex;justify-content:center;align-items:center;align-items:flex-start}.sidemenu .close-icon{width:2rem;height:2rem;position:relative;right:-2rem;top:2.5rem}.sidemenu .close-icon a img{width:100%}.sidemenu .link-container{position:relative;top:6rem;width:66%}.sidemenu .link-container ul{list-style-type:none}.sidemenu .link-container ul li{cursor:pointer;margin-bottom:.5rem}.sidemenu .link-container ul li:last-child,.sidemenu .link-container ul li:nth-child(4){margin-top:1.25rem}.sidemenu-active{left:0;opacity:1}.list-view{display:flex;justify-content:center;align-items:center;flex-direction:column}.list-view ul{list-style-type:none}.list-view ul a{display:inline-block;margin-bottom:.5rem;transition:.25s}.list-view ul a:hover{color:#727272}.list-view ul a .sold{color:#b4b4b4;font-size:.8rem}.list-view ul hr{margin:1.25rem 0}.single-work{width:1000px;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:monospace}.single-work .headline{width:100%;margin-bottom:.5rem}.single-work figure{width:100%}.single-work figure img{width:100%;display:block;margin-bottom:1.25rem}.single-work figure .img-shorter-margin{margin-bottom:1rem}.single-work figure .with-border{border:1px solid grey}.single-work figure p,.single-work figure figcaption{font-size:.7rem;position:relative;top:-.5rem;margin-bottom:.25rem}.single-work figure p a,.single-work figure figcaption a{text-decoration:underline}.single-work figure .extra-margin{margin-bottom:.5rem}.single-work .liquid-2-figure{display:flex;justify-content:center;align-items:center;width:100%;justify-content:space-between}.single-work .liquid-2-figure img{width:calc(50% - .5rem)}.single-work .back-button{width:100%;display:block;text-align:center;font-family:sans-serif;border:none;padding:1rem;background-color:#e8e8e8;transition:.75s}.single-work .back-button:hover{background-color:#d7d7d7;cursor:pointer}.about{width:1000px;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.about .about-info{width:66%;margin-bottom:3rem;line-height:1.4;font-family:monospace}.about form{width:66%;padding:0 5%;margin-top:1rem}.about form .form-group{width:100%;display:flex;justify-content:center;align-items:center;align-items:flex-start;flex-direction:column}.about form .form-group label{font-size:.7rem;margin-bottom:.33rem}.about form .form-group input{font-size:1rem;width:100%;margin-bottom:1rem;height:3rem;border-radius:0;border:1.5px solid black;padding:.5rem}.about form .form-group textarea{width:100%;border-radius:0;border:1.5px solid black;margin-bottom:.33rem;padding:.5rem;resize:vertical}.about form .form-group span{font-size:.66rem;margin-bottom:1.5rem}.about form .all-fields-alert{font-weight:700;font-size:.8rem;color:#d10000;transition:.25s;height:1rem;opacity:0;margin-bottom:.5rem}.about form .alert-active{opacity:1}.about form .contact-form-submit{width:100%;border:none;padding:1rem 0;background-color:#e8e8e8;margin-bottom:.5rem;font-size:1rem;font-weight:400;transition:.25s ease-out}.about form .contact-form-submit:hover{background-color:#d7d7d7;cursor:pointer}.about .line-code{padding:0 5%;width:66%}.about .line-code img{width:33%}footer{margin-top:4rem;height:4rem;text-align:center;font-size:.7rem}.mogana-video{display:flex;justify-content:center;align-items:center}.mogana-video .mogana-video__player{height:80vh;width:auto;max-width:100%}.bio-list{width:66%;padding:0 5%;margin-bottom:2rem}.bio-list .bio{display:flex;justify-content:center;align-items:center;justify-content:flex-start;align-items:flex-start;margin-bottom:.5rem}.bio-list .bio:first-child{font-weight:900}.bio-list .bio div:first-child{width:20%}.bio-list .bio div:last-child{align-items:flex-start;width:80%}@media only screen and (max-width: 1400px){header{width:95vw}.list-view{width:95vw;margin:auto}.about,.single-work{width:95vw}.single-work a button{font-size:1rem}}@media only screen and (max-width: 520px){header{width:100vw;padding:1rem 5% 3rem;justify-content:flex-start}header div:nth-child(3){display:none}.list-view{width:100vw;justify-content:flex-start;padding:5vh 5%}.list-view ul{width:100%}.single-work{width:100vw;padding:0 5%}.about{width:100%}.about .about-info{width:100%;padding:0 5%;margin-bottom:1rem}.about form{width:100%;margin-top:0}.about form .form-group label{margin-bottom:.15rem}.about form .form-group input{margin-bottom:.5rem}.about form .form-group span{margin-bottom:1rem}.about .bio-list,.about .line-code{width:100%}}
