@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);html{overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{width:0;background:transparent}::-webkit-scrollbar-thumb{background:red}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.sideWidth{width:2.75rem!important;transition-timing-function:ease}.screenHeight{height:80vh!important}.slide.current{left:0;height:80vh;overflow-y:scroll;background-color:rgba(122,121,121,.288)}.portFolioHeight{height:70vh!important}path{fill:#000}.logo{fill:#333}.instagram-logo{height:3rem;width:3rem;circle:#fff}@media only screen and (max-width:600px){.screenHeight{overflow-y:scroll!important}.portFolioHeight,.screenHeight{height:92vh!important}.slide.current{left:0;height:100vh!important;overflow-y:scroll;background-color:rgba(122,121,121,.288)}.previousButton{display:hidden!important;position:absolute;top:50%;-webkit-transform:translateX(90%)!important;transform:translateX(90%)!important;z-index:10;width:32px;height:32px;text-indent:-9999px;cursor:pointer}}.slide h1{transition:all .3s ease;-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}.slide button,.slide p{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}.slide button,.slide p,.slide section *{transition:all .3s ease}.slide section img{-webkit-transform:translateX(-10px);transform:translateX(-10px);opacity:0}.slide section span{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}.slide section span strong{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0}.slide.animateIn.next button,.slide.animateIn.next h1,.slide.animateIn.next p,.slide.animateIn.next section *,.slide.animateIn.previous button,.slide.animateIn.previous h1,.slide.animateIn.previous p,.slide.animateIn.previous section *,.slide.current button,.slide.current h1,.slide.current p,.slide.current section *{-webkit-transform:translateX(0);transform:translateX(0);transition-delay:.9s;opacity:1}.slide.animateIn.next p,.slide.animateIn.previous p{transition-delay:1.1s}.slide.animateIn.next button,.slide.animateIn.next section img,.slide.animateIn.previous button,.slide.animateIn.previous section img{transition-delay:1.3s}.slide.animateIn.next section span,.slide.animateIn.previous section span{transition-delay:1.4s}.slide.animateIn.next section span strong,.slide.animateIn.previous section span strong{transition-delay:1.5s}.slide.animateOut h1{transition-delay:.3s}.slide.animateOut p{transition-delay:.2s}.slide.animateOut section span{transition-delay:.1s}.slide.animateOut section span strong{transition-delay:0s}body{font-family:"Lato",sans-serif}header{position:fixed;top:0;left:0;width:100%;height:75px;background:#000;z-index:10}header section{max-width:1300px;margin:auto;padding:20px;background:#ffd800}@media (max-width:1515px){header section{max-width:100%}}header section .logo{-webkit-transform:translateX(-87px);transform:translateX(-87px)}header section a{float:right;padding:3px 0}*{outline:none}.buttonSlider{-webkit-appearance:none;appearance:none;-webkit-filter:drop-shadow(0 5px 5px rgba(0,0,0,.1));-webkit-transition:all .5s ease;filter:drop-shadow(0 5px 5px rgba(0,0,0,.1));transition:all .5s ease;border:none;background:#ffd800;border-radius:30px;text-transform:uppercase;box-sizing:border-box;padding:15px 40px;font-weight:400;font-size:13px;cursor:cursor}.buttonSlider:hover{color:#fff;background:#222;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,.2));filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.wrapper{max-width:1335px;box-sizing:border-box;padding:0 20px;margin:auto}.wrapper a{display:inline-block;margin:5px}.wrapper a:first-child{margin-left:0}.slider-wrapper{position:relative;height:80vh;overflow:hidden}.slide{height:80vh;background-size:cover!important}.slide:before{content:"";display:block;position:absolute;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.9));bottom:0;left:0}.nextButton,.previousButton{position:absolute;top:50%;z-index:10;width:32px;height:32px;text-indent:-9999px;cursor:pointer}.previousButton{-webkit-transform:translateX(90%)!important;transform:translateX(90%)!important}.previousButton{left:0;-webkit-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%)}.previousButton:hover{left:-10px}.nextButton{right:0}.nextButton:hover{right:-10px}.slider-content{text-align:center}.slider-content .inner{padding:0 70px;box-sizing:border-box;position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider-content .inner button{transition-delay:0s}.slider-content .inner h1{font-weight:900;margin:0 auto;max-width:840px;color:#fff;font-size:64px;line-height:1}.slider-content .inner p{color:#fff;font-size:14px;line-height:1.5;margin:20px auto 30px;max-width:640px}.slider-content section{position:absolute;bottom:20px;left:20px}.slider-content section span{color:#fff;color:hsla(0,0%,100%,.5);font-size:12px;display:inline-block;text-align:left;line-height:1.4;vertical-align:middle;margin-left:10px}.slider-content section img{border:2px solid hsla(0,0%,100%,.5);border-radius:100%;vertical-align:middle}.slider-content section span strong{color:#fff;font-size:14px;display:block}@media (max-height:500px){.slide,.slider-wrapper{height:calc(100vh - 75px)}}@media (max-width:640px){.slide,.slider-wrapper{height:calc(100vh - 10px)}}@media (max-height:600px){.slider-content .inner h1{font-size:32px}}@media (max-width:640px){.slider-content .inner h1{font-size:32px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.79361f8e.chunk.css.map */