body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html,#root{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;height:100%;width:100%;cursor:url(/smok.png) 16 16,auto}.App{width:100%;height:100%;overflow:hidden}.header{top:20px;left:20px;z-index:1}h1{font-size:48px;margin:0}h2{font-size:18px;margin:0}.draggable-image{width:150px;height:auto;cursor:grab;opacity:95%}.draggable-image::hover{opacity:100%}.draggable-image.loaded{filter:none;transition:filter .4s ease-out,opacity .2s ease-out}.thumbnail-preview{z-index:0;transition:filter .4s ease-out,opacity .2s ease-out}.navbar{position:fixed;top:0;z-index:900}.navbar nav ul{list-style-type:none;margin:0;padding:0;text-align:center}.navbar nav ul li{display:inline}.navbar nav ul li span{display:inline-block;padding:15px 20px;text-decoration:none;cursor:pointer}.nav-selected span{background-color:#333;color:#fff}.logo img{position:fixed;bottom:0;left:0;padding:10px;width:256px;z-index:900}.cat{cursor:pointer;z-index:299}.cat img{position:fixed;top:0;right:0;padding:10px;width:72px;cursor:pointer;z-index:299}.toggle-animations{position:fixed;bottom:0;right:0;padding:10px}.text-panel{display:flex;align-content:center;justify-content:flex-start;align-items:baseline;padding:10%;flex-direction:column}.text-panel p{font-size:16px;text-align:justify;margin:.5em .2em}@media (max-width: 500px){.text-panel{padding-top:100px;padding-bottom:100px}}@media (min-width: 768px){.text-panel{margin-left:25%;margin-right:25%}}.bio-img{margin-bottom:20px}#home-page{height:90vh}#links{display:flex;flex-direction:column}#links a{color:#000}.social-media-icons{display:flex;justify-content:center;align-items:center;margin-left:-20px}.social-media-icons img{width:60px;padding:5px}.burger-button{cursor:pointer;padding:10px}.menu{display:flex;flex-direction:column;overflow:scroll}.menu-item{cursor:pointer;padding:16px;width:80%}.burger-menu-container{display:flex;flex-direction:column;width:70%;z-index:200;height:100vh}@media (min-width: 768px){.burger-menu-container{width:25%}}.burger-open{background-color:#fff;-webkit-mask-image:linear-gradient(to right,#fff,#ae656500);mask-image:linear-gradient(to right,#fff,#ae656500);padding-right:70%}.artwork-container{overflow-x:clip}.description-overlay{opacity:0;transition:opacity .3s ease-in-out}.draggable-image:hover+.description-overlay{opacity:1}.artwork-container{overflow-x:clip;position:relative;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.artwork-list{width:100%;text-overflow:ellipsis;margin-left:10px;margin-top:10px;padding-bottom:80px;padding-top:60px}.artwork-item{display:flex;align-items:center;margin:10px 10px 10px 30px}.artwork-thumbnail img{display:block;width:100px;object-fit:cover;margin-right:10px}.artwork-info{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artwork-title{font-size:1.2em;font-weight:700}.category-group{display:flex;flex-direction:column;margin-bottom:10px}.category-image{width:180px;height:100%;margin-bottom:20px;object-fit:cover;align-self:center}.artwork-count{font-size:.6em;opacity:.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;z-index:1000;align-items:normal}.modal-content{margin:20px;padding:20px}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.close-button-img{width:24px;height:24px}@media (orientation: portrait){.carousel-image{width:90vw;height:auto}}@media (orientation: landscape){.carousel-image{height:90vh;width:auto}}.carousel{position:relative;display:flex;align-items:center;height:100%;width:100%}.carousel-item{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}.text-modal-item{display:flex;justify-content:center;align-items:center;width:80%;overflow:infitial;flex-direction:column;padding:20px;margin:20px}.next-to-text{width:60%;height:auto}.text-modal-title{font-size:24px;font-weight:700;color:#000;text-align:center;text-transform:uppercase}.text-modal-desc{font-size:16px;text-align:justify}.carousel-counter{position:absolute;top:10px;left:10px;font-size:16px;font-weight:700}.prev-button{position:absolute;bottom:10px;left:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#000}.next-button{position:absolute;bottom:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#000}.left-arrow,.right-arrow{position:absolute;top:50%;width:30px;cursor:pointer;z-index:10}.left-arrow{left:5px}.right-arrow{right:5px}.description{position:absolute;bottom:48px;font-size:24px;cursor:pointer;color:#000;margin:0;padding:0}