.cover{width:428px;height:460px}body{margin:0;padding:0;font-family:Trebuchet MS,sans-serif}img{pointer-events:none}.nav-carousel{z-index:999;padding:0;position:sticky;margin:0;top:0;height:100px;display:flex;justify-content:center;list-style:none;background-color:#0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center}.nav-carousel .active{vertical-align:middle;color:#555}.nav-carousel li{cursor:pointer;font-size:28px;position:relative;margin-left:50px;margin-right:50px;margin-top:25px;transition:all .3s ease;color:#888}.nav-carousel li:hover{color:#696969}.nav-carousel.alt .active{color:#fff}.nav-carousel.alt li{color:#bfbfbf}.nav-carousel.alt li:hover{color:#adadad}@media only screen and (max-width: 767px){.nav-carousel li{font-size:20px;margin-left:20px;margin-right:20px}.nav-carousel li.active{font-size:24px;margin-left:10px;margin-right:10px}}#portfolio-nav{padding-bottom:5%;display:flex;justify-content:center;list-style:none;font-size:32px}@media only screen and (max-width: 767px){#portfolio-nav{font-size:24px}}@keyframes portfolio-fade{0%{opacity:0}to{opacity:1}}#portfolio-nav li{cursor:pointer;color:#333;margin-left:2.5%;margin-right:2.5%;width:auto;transition:color .3s ease;animation:portfolio-fade 1s}#portfolio-nav li:hover{color:#696969}#portfolio-nav li.active{text-decoration:underline;pointer-events:none;cursor:default}#intro{font-size:48px;color:#efefef;width:auto}#intro p{position:relative;left:25%;width:70%}.intro-text{opacity:0;transition:all 1s ease}.intro-text.active{opacity:1}@keyframes home-fade{0%{opacity:0}30%{opacity:0}to{opacity:1}}.cursor{border-left:2px solid white;animation:cursor 1s infinite;transition-delay:1s}@keyframes cursor{0%{border-left-color:#fff}50%{border-left-color:transparent}to{border-left-color:#fff}}#home-images img{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(69%)}.home-img.active{transition:all 1s ease;opacity:1}.home-img.inactive{transition:all 1s ease .5s;opacity:0}@keyframes cycle-images{0%{opacity:0}8%{opacity:1}39%{opacity:1}42%{opacity:0}}#social-btns{display:flex;position:absolute;bottom:10%;transform:translate(-50%);left:50%}.social-btn{cursor:pointer;background-color:#ffffffbf;transition:background-color .3s ease-in-out;aspect-ratio:1/1;margin-left:10%;margin-right:10%;border-radius:50%;border:none}.social-btn:hover{background-color:#fff}.scroll-down{position:fixed;bottom:15px;left:50%;background-color:#000;opacity:50%;transform:translate(-50%);width:5vw;height:5vw;border-radius:50%;transition:all .5s ease;text-align:center;font-size:3vw;color:#aaa}.scroll-down.hidden{opacity:0}.grid-container{display:grid;grid-template-columns:repeat(5,1fr);min-height:500px}.grid-item{max-height:65%;padding:20px}@media only screen and (max-width: 767px){.grid-container{grid-template-columns:repeat(3,1fr)}}.portfolio-img{width:100%;height:100%;object-fit:contain;opacity:0}@keyframes loading{0%{opacity:0}to{opacity:1}}.loading-icon{position:fixed;left:50%;transition:opacity .3s ease-in-out;opacity:0}.loading-icon.active{opacity:1}.portfolio-img.loaded{opacity:1;animation:portfolio-fade .2s ease-in}.portfolio-viewer{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9999;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portfolio-viewer img{max-width:90vw;max-height:90vh}.port-img-container{position:relative;justify-content:center;align-items:center}.viewer-close-btn{z-index:2;position:absolute;top:25px;left:50px;transform:translate(-50%);border:none;font-size:32px;cursor:pointer;outline:none;background-color:#0000;color:#fafafa}.viewer-left{position:relative;border:none;right:46vw;font-size:72px;cursor:pointer;outline:none;background-color:#0000;color:#fafafa}.viewer-right{position:relative;border:none;left:46vw;font-size:72px;cursor:pointer;outline:none;background-color:#0000;color:#fafafa}#viewer-arrows{position:absolute}.viewer-caption{position:absolute;color:#000;font-weight:100;padding:0 10px;opacity:0;transition:all .25s linear;left:0;bottom:0}.viewer-caption.active{opacity:1;background-color:#fffc}#pricing-background{width:100%;height:300%;background-size:contain;background-repeat:repeat;height:200vh;margin-top:-20%;position:absolute;filter:blur(4px);z-index:-1;animation:.1s ease-in home-fade}#stationary{z-index:999;text-align:center;font-size:24px;margin-top:-10%;margin-left:20%;margin-right:20%;padding:10% 10% 5%;background-color:#ffffffd9}.pricing-section{cursor:pointer}.pricing-header{transition:opacity .25s ease-in-out}.pricing-header:hover{opacity:.5}.pricing-subheader{text-align:left;font-size:20px}.pricing-list{list-style:disc;font-size:20px}.pricing-list li{text-align:left;padding:0}.pricing-info{animation:portfolio-fade .5s}.important-info{font-size:14px;color:#474747;text-align:center}.info-header{font-size:14px}.footer{text-align:center;padding-top:20vh}.footer-header{font-size:24px}.footer-contact{font-size:16px}#contact-page{text-align:center}#contact-page label{display:block;margin-top:10px;margin-bottom:10px}#contact-page input{padding:12px 20px;border-radius:10px;border-width:1px;width:224px;margin-bottom:20px}#contact-page textarea{padding:12px 20px;border-radius:10px;border-width:1px}#msg-select{margin-top:5%;display:flex;justify-content:center;list-style:none;padding:0}#msg-select li{font-size:24px;cursor:pointer;color:#333;margin-left:2.5%;margin-right:2.5%;width:auto;transition:color .3s ease;animation:portfolio-fade 1s}#msg-select li:hover{color:#696969}#msg-select li.active{text-decoration:underline}#inp-subject{width:448px!important}#inp-msg{width:448px;border-width:1px;font-family:Arial,sans-serif;resize:none}textarea,input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#msg-submit-btn{cursor:pointer;background-color:#a9a9a9cc;border-radius:10px;border-width:0;margin:5%;padding:10px 0;width:448px;transition:all .3s ease-in-out}#msg-submit-btn:hover{background-color:#a9a9a9}.dropdown-chevron{position:absolute;display:inline;margin-top:8px;padding-left:10px}.loading-text{color:#fff;z-index:1}
