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}body{font-family:"Montserrat"}body,html{margin:0;padding:0}.wrapper,body,html{width:100%}.background-wrapper{display:block;position:absolute;top:0;left:0;width:100%;overflow:hidden}.layout-wrapper{display:grid;grid-template-rows:60vw auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.layout{grid-row-start:2;height:100%;grid-template-rows:0 repeat(2,auto) auto;grid-gap:2px}.layout,.menubar{display:grid;width:100%}.menubar{color:#fff;grid-template-columns:1fr 1fr;height:50px;align-content:space-evenly;justify-content:flex-end;position:fixed;top:0;left:0;background:linear-gradient(90deg,#2e0000 2%,#121c25 50%,#000);z-index:100}.site-title{padding:5px 10px}.menu-wrapper{display:grid;justify-self:end;align-items:center;padding-right:10px}.menu-wrapper>div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px;cursor:pointer}@media only screen and (max-width:600px){.menubar,.site-title{font-size:.7em}.menu-wrapper>div{padding:5px 8px}.menu-wrapper{padding-right:4px}}.menu-marker{display:block;position:absolute;border:2px solid #6d6d6d;border-radius:4px;z-index:100;pointer-events:none;transition:top .2s,left .2s,width .2s,height .2s,opacity .1s}.section-header{display:flex;width:100%;height:4rem}.section-header-line{width:96%;justify-self:center;align-self:center}.section-header-line.red{border:2px solid #f2665f}.section-header-line.yellow{border:2px solid #f7d789}.section-header-line.left{margin-left:10px}.section-header-line.right{margin-right:10px}.about-wrapper{display:grid;width:100%;align-content:center;justify-content:center}.about-me-text{background-repeat:no-repeat;background-position:50%;background-size:contain;color:#c2d8f1;text-align:center;padding:0 50px;margin:50px 0;max-width:650PX;min-width:200px;font-weight:300}blockquote{font-size:1.5rem;font-style:italic;font-weight:400}.work-wrapper{display:grid;overflow-x:hidden;grid-template-columns:minmax(60px,1fr) minmax(100px,600px) minmax(60px,1fr);width:100%;margin:50px 0}.projects-wrapper{grid-column-start:2;display:grid;align-self:center;justify-self:center;width:100%;height:100%}.carousel-btn{z-index:10;display:block;grid-row-start:1}.carousel-btn-left{grid-column-start:1;justify-self:end}.carousel-btn-right{grid-column-start:3;justify-self:start}.project-wrapper{grid-row-start:1;grid-column-start:2;display:grid;border:2px solid #f2665f;padding:10px;background:#111a22}@media only screen and (max-width:600px){.work-wrapper{grid-template-columns:100%;grid-column-start:1;align-self:center}.carousel-btn-left{grid-column-start:1;justify-self:start}.carousel-btn-right{grid-column-start:1;justify-self:end}.project-wrapper{grid-row-start:1;grid-column-start:1}}.project-inner-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:300px repeat(5,auto) minmax(0,1fr) auto;border:2px solid #f7d789;grid-gap:5px}.project-image{background-size:cover;height:100%;grid-column-start:1;grid-row-start:1}.inset-shadow{box-shadow:inset 0 0 10px #000}.project-title{grid-row-start:2;padding:10px}.project-subtitle,.project-title{grid-column-start:1;justify-self:center;align-self:center;color:#c2d8f1;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.project-subtitle{grid-row-start:3;max-width:250px;font-weight:100;text-align:center}.project-role{grid-row-start:4;justify-self:center;align-self:center;max-width:250px}.project-role,.project-stack{grid-column-start:1;color:#c2d8f1;text-align:center}.project-stack{grid-row-start:5;padding:10px;font-weight:400;font-style:italic}.project-description{grid-column-start:1;grid-row-start:6;color:#c2d8f1;text-align:center;padding:10px;font-weight:300}.project-link{align-self:center;justify-self:center;color:#c2d8f1;font-weight:700;margin-bottom:10px}.center-con{display:flex;align-items:center;justify-content:center;margin:0 20px;transition:opacity 1s;height:780px}.round{border:2px solid #f2665f;width:40px;height:40px;border-radius:100%;background-color:hsla(0,0%,49.8%,.2)}#cta{width:100%;cursor:pointer;position:absolute}#cta .arrow{left:23%}.arrow{position:absolute;bottom:0;margin-left:0;width:12px;height:12px;background-size:contain;top:15px}.second{margin-left:10px}.next{background-image:url(/public/SVG/arrow.svg)}@-webkit-keyframes bounceAlpha{0%{opacity:1;transform:translateX(0) scale(1)}25%{opacity:0;transform:translateX(10px) scale(.9)}26%{opacity:0;transform:translateX(-10px) scale(.9)}55%{opacity:1;transform:translateX(0) scale(1)}}@keyframes bounceAlpha{0%{opacity:1;transform:translateX(0) scale(1)}25%{opacity:0;transform:translateX(10px) scale(.9)}26%{opacity:0;transform:translateX(-10px) scale(.9)}55%{opacity:1;transform:translateX(0) scale(1)}}.bounceAlpha{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.arrow.primera.bounceAlpha,.bounceAlpha{-webkit-animation-name:bounceAlpha;animation-name:bounceAlpha;-webkit-animation-duration:1.4s;animation-duration:1.4s}.arrow.primera.bounceAlpha{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.round:hover .arrow{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.round:hover .arrow,.round:hover .arrow.first{-webkit-animation-name:bounceAlpha;animation-name:bounceAlpha;-webkit-animation-duration:1.4s;animation-duration:1.4s}.round:hover .arrow.first{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.contact-wrapper{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;margin-bottom:50px}.contact-btn-wrapper{display:grid;grid-template-rows:120px auto;margin:10px;color:#f2665f;align-items:center;justify-items:center}.contact-icon{margin:3vw;background-position:50%;background-repeat:no-repeat;background-size:cover;width:80px;height:80px;justify-self:center;align-content:center}.contact-url{font-weight:500}.click-response{content:"";background-color:#fff;position:relative;z-index:-1;top:calc(50% - 15px);left:calc(50% - 15px);background:hsla(0,0%,100%,.7);width:30px;height:30px;border-radius:100%;transform:scale(0)}@-webkit-keyframes circleGrow{0%{transform:scale(0);opacity:0}20%{opacity:1}to{transform:scale(3);opacity:0}}@keyframes circleGrow{0%{transform:scale(0);opacity:0}20%{opacity:1}to{transform:scale(3);opacity:0}}@media only screen and (max-width:818px){.contact-wrapper{grid-template-rows:repeat(3,auto);grid-template-columns:auto}}
/*# sourceMappingURL=main.afb4e2d1.chunk.css.map */