body{padding:10px}body,html{background-color:#000;margin:0;padding:0}body{color:#fff;font-family:sans-serif}#container{background-color:#000;color:#fff;font-family:Courier New,Courier,sans-serif}#hamburger{background-color:#666;font-size:14px;height:40px;line-height:20px;padding:16px 0 0 12px;text-align:left;top:15px;width:44px}#hamburger,#main-menu{background-color:rgba(0,0,0,.6);left:0;opacity:1;position:absolute;transition:opacity .7s}#main-menu{height:auto;top:67px}#main-menu a{color:#fff;display:block;font-size:20px;line-height:20px;margin:0;padding:4px 12px}.model-text{color:#aaa}.model-name{color:#ccc}#artwork-details,#help-popup{background-color:rgba(0,0,0,.7);border-radius:10px;color:#fff;font-size:16px;left:10%;opacity:1;padding:20px 30px;position:absolute;text-align:center;text-shadow:0 1px 2px #000;top:30%;transition:opacity .7s;width:80%}#artwork-details.hide,#hamburger.hide,#help-popup.hide,#main-menu.hide{opacity:0;pointer-events:none}#artwork-details{height:auto;max-height:70%;overflow:auto;text-align:left;top:15%}#artwork-details p:last-child,#help-popup p:last-child{margin-bottom:0!important}#close-artwork-details{color:#666;font-size:20px;height:20px;line-height:20px;position:absolute;right:12px;text-align:center;top:12px;width:20px}#switch-layers-btn,#toggle-story-btn{background-color:#333;border:1px solid #666;display:none;margin-right:6px;padding:1px 8px}#toggle-story-btn{display:inline}#coords{float:right;font-size:12px;line-height:40px}#close-artwork-details:hover,#hamburger:hover,#logo:hover,#switch-layers-btn:hover,#toggle-story-btn:hover{cursor:pointer}#gallery-content{margin:30px auto 0;max-width:1120px;padding:0;text-align:center}#gallery-content .gallery-artwork{display:inline-block;font-size:20px;margin:10px 10px 30px;text-align:center;vertical-align:top;width:160px}#gallery-content .gallery-artwork img{height:auto;margin-bottom:20px;width:100%}#gallery-content .gallery-artwork a,#gallery-content .gallery-artwork a:active,#gallery-content .gallery-artwork a:hover,#gallery-content .gallery-artwork a:visited{color:#999}#about-content{margin:24px auto 0;max-width:960px;width:80%}#about-content a,#about-content a:active,#about-content a:visited{color:#999}#about-content h3,#about-content h4{color:#666;margin-top:32px}#about-content li,#about-content ul{list-style-type:none;padding-left:0}#about-content img{margin-bottom:24px;max-width:320px;width:100%}#content #header{text-align:center}#content #header #logo{color:#fff;font-size:26px;font-weight:lighter;margin:0 auto;padding:20px 0 8px}#content #header nav{margin:10px 0}#content #header nav a{color:#666;margin:0 15px;padding:5px 10px;text-decoration:none;transition:color .3s ease}#content #header nav a:hover{color:#fff}#content #header nav a.active{border-bottom:2px solid #fff;color:#fff}#content #artwork-info{height:60px;margin:0 6px}#content #artwork-info p{margin:0}#content #splash-content{height:0}#content #threejs-container{height:500px;width:100%}#content #loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3d3d3d;height:40px;left:50%;position:absolute;top:50%;width:40px;z-index:2}@media screen and (min-width:700px){#content #header #logo{font-size:32px}#help-popup{font-size:20px;left:25%;width:50%}#hamburger{font-size:20px;top:20px}#main-menu{top:76px}#artwork-details{left:15%;width:70%}}@media screen and (min-width:1030px){#content #header #logo{font-size:32px}#gallery-content .gallery-artwork{width:240px}#help-popup{font-size:20px;left:30%;width:40%}#artwork-details{left:20%;width:60%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-header{padding:20px;text-align:center}.admin-artworks{padding:20px}#add-artwork{float:right}.admin-artwork{padding:10px 0}.admin-artwork img,.admin-artwork-img{height:auto;width:100px}.admin-artwork-img{margin:20px 150px}#edit-artwork-form label{width:100px}#edit-artwork-form input,#edit-artwork-form textarea{width:70vw}#edit-artwork-form #save-artwork{margin-left:150px}#edit-artwork-form #artwork-active{width:10px}#edit-artwork-form label{display:inline-block}#edit-artwork-form label .tooltiptext{background-color:#999;border-radius:6px;color:#000;font-weight:700;margin-left:40px;padding:10px 12px;position:absolute;text-align:center;visibility:hidden;width:300px;z-index:1}#edit-artwork-form label:hover .tooltiptext{visibility:visible}#settings-form{padding:20px}