@import url(https://fonts.googleapis.com/css2?family=Monda:wght@400;700&display=swap);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}.App{font-family:sans-serif;text-align:center}header{width:100%;background:none;height:40px;color:#fff}.title{font-size:2rem;font-weight:700}.nav-list{background:none;padding:15px;display:flex;flex-direction:row;min-height:30px}.nav-list a,.nav-list a:hover,.nav-list a:visited{padding:5px 15px;margin-top:10px;margin-right:20px;color:#fff;text-decoration:none;font-size:1.2em}.nav-list a:hover{margin-right:20px;color:#999}.logo{width:100px;height:40px;margin-top:-10px}@media only screen and (max-width:1024px){.nav-list a,.nav-list a:hover,.nav-list a:visited{font-size:1em;padding:5px 15px;margin-top:10px;margin-right:10px}.logo{width:100px;height:40px}}@media only screen and (max-width:720px){.nav-list a,.nav-list a:hover,.nav-list a:visited{font-size:.9em;padding:2px 5px;margin-top:5px;margin-right:5px}.logo{width:100px;height:40px}}@media only screen and (max-width:500px){.nav-list a,.nav-list a:hover,.nav-list a:visited{font-size:.8em;padding:2px 5px;margin-top:5px;margin-right:5px}.logo{width:100px;height:30px}}h1,h2,h3,p{color:#fff;font-weight:400;font-family:"Monda",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}p{line-height:2.5em}h1{font-weight:700}.page-content{padding:20px 50px}@media (prefers-reduced-motion:no-preference){#sun{animation:Sun-spin 120s linear infinite}}@keyframes Sun-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#000;overflow:hidden}.parallax-container{min-width:500px;min-height:1000px;text-align:center}#nav .main-menu{display:flex;flex-direction:row;align-items:right;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}#nav .main-menu button{cursor:pointer}#eye:hover{opacity:.5}div#desktop{position:absolute;top:0;width:100%;height:100vh;z-index:250}div.card-animate{display:flex;width:100%;height:100vh;z-index:540;align-items:center;justify-content:center}div.card-animate img{margin-bottom:60%}div#cat-walk-table svg{margin-top:-35%}#desktop-nav{left:0;bottom:0;align-items:center;justify-content:center;height:100vh;z-index:350;pointer-events:none}#desktop-nav,#desktop-nav-container{position:absolute;display:flex;width:100%}#desktop-nav-container{flex-direction:row;justify-content:space-between;bottom:5%;margin:10px;pointer-events:all}#desktop-nav .desktop-nav-icon{z-index:350;height:20%;transform:perspective(1500px) rotateX(40deg) rotateY(0deg) rotate(0deg) scale(1)}#desktop-nav .desktop-nav-icon svg{z-index:350;height:120px;width:100px;color:hsla(0,0%,100%,.6)}#desktop-nav .desktop-nav-icon svg:hover{color:#fff}#desktop-nav .desktop-nav-icon.active svg{color:#fff;transform:scale(1.5)}#desktop-nav .desktop-nav-icon p{padding:0;margin:0 20px 20px}#blueprint{position:absolute;top:0;padding-right:90%;display:flex;flex-direction:row;align-items:right;justify-content:space-between;z-index:200;transform:scale(.8)}.blueprint-animate{transform:perspective(1500px) rotateX(40deg) rotateY(0deg) rotate(353deg)}#blueprint-content{position:absolute;top:10%;left:50%;display:flex;align-items:right;flex-direction:column;height:550px;overflow:hidden}p#blueprint-title{width:60%;height:50px;font-size:1.2em;line-height:1.5em}p#blueprint-body{width:55%;font-size:1em;line-height:1.5em;margin-top:40px}@media only screen and (max-width:1024px){#desktop-nav-container{bottom:10%;margin:10px}#desktop-nav .desktop-nav-icon{height:20%}#desktop-nav .desktop-nav-icon svg{height:60px;width:80px}#desktop-nav .desktop-nav-icon p{padding:0}#blueprint{transform:scale(.7)}}@media only screen and (max-width:720px){#desktop-nav-container{bottom:10%;margin:10px}#desktop-nav .desktop-nav-icon{height:10%}#desktop-nav .desktop-nav-icon svg{height:40px;width:60px}#desktop-nav .desktop-nav-icon p{padding:0}#blueprint{transform:scale(.5)}}#desktop-portfolio{z-index:500;pointer-events:"all"}#desktop-portfolio>div{position:absolute;bottom:5%;right:20%;width:50vw;height:100vh;will-change:transform;display:flex;align-items:center;justify-content:center}#desktop-portfolio>div>div{background-color:#fff;background-size:auto 85%;background-repeat:no-repeat;background-position:50%;width:50vh;max-width:500px;height:45vh;max-height:350px;will-change:transform;border-radius:10px;box-shadow:0 12.5px 100px -10px rgba(50,50,73,.4),0 10px 10px -10px rgba(50,50,73,.3);z-index:410;pointer-events:"all";cursor:"pointer";-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#cat-table{position:"absolute";top:-8%!important;right:-10%!important;z-index:280}@media only screen and (max-width:1024px){#desktop-portfolio>div>div{width:45vh;max-width:400px;height:35vh;max-height:300px}div.card-animate img{margin-bottom:70%}#cat-table{top:0!important}}@media only screen and (max-width:720px){#desktop-portfolio>div>div{width:30vh;max-width:300px;height:20vh;max-height:200px}div.card-animate img{margin-bottom:70%}#cat-table{top:0!important}}
/*# sourceMappingURL=main.d18b383c.chunk.css.map */