.App{text-align:center}.App.fullHeight{height:100vh;display:flex;flex-direction:column}.main{flex:1 1;margin:auto;max-width:940px;padding-bottom:1.5em;padding-left:1.5em;padding-right:1.5em}@font-face{font-family:"Rubik";font-style:normal;font-weight:medium;src:local("Rubik Medium"),url(/cristen/static/media/Rubik-Medium.2263cf4b.ttf) format("truetype")}@font-face{font-family:"Rubik";font-style:normal;font-weight:300;src:local("Rubik Light"),url(/cristen/static/media/Rubik-Light.d950a011.ttf) format("truetype")}@font-face{font-family:"Rubik";font-style:normal;font-weight:400;src:local("Rubik Regular"),url(/cristen/static/media/Rubik-Regular.a4bece5c.ttf) format("truetype")}.header{display:flex;background:var(--darkgrey);justify-content:space-between;align-items:center;padding:0};nav.navbar{background-color:var(--darkgrey)}.navbar-brand a{color:var(--teal);padding:.5rem 1rem;background:none}.navbar-brand a:focus,.navbar-brand a:hover,.option a:focus,.option a:hover{color:var(--lightgray)!important;text-decoration:none}.navbar-brand{font-size:24px;font-weight:700;font-family:Georgia}.option{align-items:center;color:#4a4a4a;display:flex;line-height:1.5;padding:.5rem 1rem;position:relative}.mobile-menu{display:none}.nav-options{display:flex;flex-flow:row;justify-content:flex-end;list-style-type:none;font-size:17px;text-decoration:none}@media screen and (max-width:1024px){.mobile-menu{display:block;cursor:pointer;color:var(--teal);padding-right:12px}.menu-icon{width:45px;height:45px}.option{display:flex;align-items:center;justify-content:flex-start;padding:1rem}.nav-options{display:flex;width:100%;position:absolute;top:50px;right:-100%;flex-direction:column;list-style-type:none;grid-gap:0}.nav-options,.nav-options.active{opacity:1;transition:all .5s ease}.nav-options.active{background:var(--darkgrey);right:0;z-index:3;align-content:center;padding-left:0}}.footer,footer{background-color:var(--teal)!important;color:#fff;padding:0!important}.icon{color:var(--white);margin-left:10px}@media screen and (max-width:1024px){.footer,footer{padding:0 15px!important}}.resume .hero{background-position:50% -145%;background-repeat:no-repeat;background-size:cover;height:400px}.answer{margin-top:10px!important}.columns{flex-wrap:wrap}body{height:100vh;display:grid}.wrapper{height:20vh;display:flex;align-items:center;justify-content:center}.typing-demo{width:25ch;animation:typing 2s steps(22),blink .5s step-end infinite alternate;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:2em}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}@media screen and (max-width:768px){.resume .hero{background-position:0 0}.typing-demo{font-size:1em}}.nilogo{width:70px}.resume .content ul{margin-top:0}.resume .clip-circle{-webkit-clip-path:circle(39% at 50% 35%);clip-path:circle(39% at 50% 35%)}.resume hr{background-color:#ccc;border:none;display:block;height:1px;left:17%;margin:1.5rem 0;position:relative;width:75%}.dot{background-color:var(--teal)}.dot,.opendot{height:14px;width:14px;border:1px solid #383838;border-radius:50%;display:inline-block;margin:0 2px}.opendot{background-color:transparent}.skills div{padding-bottom:10px}.about{margin-top:-65px}.about-container{max-width:940px;margin:0 32px;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px}.skills{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,2fr));grid-template-rows:1fr;justify-items:start}.css{animation-delay:2s}.html{animation-delay:4s}.javascript{animation-delay:6s}.adobe{animation-delay:8s}.node{animation-delay:10s}.bootstrap{animation-delay:12s}.jquery{animation-delay:14s}.git{animation-delay:16s}.azure{animation-delay:18s}.vue{animation-delay:20s}.react{animation-delay:22s}@media only screen and (max-width:767px){.about-container{max-width:640px;display:grid;grid-template-columns:1fr}.skills{display:grid;grid-gap:12px;gap:12px;grid-template-rows:1fr;justify-items:start}}p.contact{position:relative;top:-60px}.label{text-align:left}.contact-container{max-width:640px;margin:0 auto}.contact-container .field{max-width:530px}.contact-container .button.is-link{background-color:var(--teal)}.contact-container .button.is-link:active,.contact-container .button.is-link:hover{background-color:var(--lightteal)}.contact-container button.is-link.is-light{background-color:var(--lighterteal);color:var(--teal)}.contact-container button.is-link.is-light:active,.contact-container button.is-link.is-light:hover{background-color:var(--lightteal);color:#fff}.simple{text-align:left;height:50vh}@media only screen and (max-width:850px){.contact-container{max-width:640px;margin:0 32px}}.projects-container{max-width:940px;margin:0 32px;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px}.project-container img{width:450px}.project-container div:first-child,.project-container img{box-shadow:0 1px 5px rgb(0 0 0/5%),0 5px 30px rgb(0 0 0/20%);border-radius:3px}.project-container div:first-child{height:320px;width:430px}.project-container .grease{background-image:url(/cristen/static/media/grease.275646f7.png);background-position:center 1%;background-size:104%}.project-container .bubba{background-image:url(/cristen/static/media/bubba.179db48b.png);background-size:100%;background-position:center 1%}.project-container h4{font-family:"Rubik";font-weight:400!important}.project-container .content{text-align:left;padding-top:15px}.project-container .content p{color:var(--grey)}.project-container .content ul{margin-top:0;list-style-type:none;padding-left:0;text-transform:uppercase;margin-left:0;font-size:1.2em;color:var(--lightgray)}.c{padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}.demo.section-media{background-image:url(https://images.squarespace-cdn.com/content/v1/5f32c18d3deedf2bcfc4fc89/1600179524056-3DY97XV1TBAJ4P2M1P7O/ke17ZwdGBToddI8pDm48kLue6M7bjRoDm4ngETiAUll7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UbX0kVSBOaiAPmQOaCV_okilAZ2V09ysmDG9gGf1pgEmhkNt8GyT_TyPg6j8ik9Tkw/2019_2020-Trinity-2nd_Grade-Poetry.jpg?format=500w);background-position:center 1%;background-size:104%}h4.demo{color:#fff;font-family:"Rubik";font-size:26px;font-weight:400!important}circle{fill:none;stroke-width:3.5;animation-name:preloader;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-origin:170px 170px;will-change:transform}circle:first-of-type{stroke-dasharray:550px}circle:nth-of-type(2){stroke-dasharray:500px}circle:nth-of-type(3){stroke-dasharray:450px}circle:nth-of-type(4){stroke-dasharray:300px}.spin-container{display:flex;align-items:center;justify-content:center;height:100px;margin-top:80px}.spin-loader{max-width:15rem;width:100%;height:auto;stroke-linecap:round}@keyframes preloader{50%{transform:rotate(1turn)}}.card-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle;overflow:hidden;transform:translateZ(0);margin:0}.card-overlay h3{text-transform:uppercase;line-height:1.1}.card-overlay p{font-size:18px}.card-overlay>:first-child{margin-bottom:0}.card-overlay-panel>:last-child{margin-bottom:0;opacity:0}.card-overlay-panel{position:absolute;top:55px;bottom:0;left:0;right:0;padding:9px 18px 0;height:100%;text-align:left;color:#fff}.card-overlay-active>.card-overlay-panel,.card-overlay-hover:not(:hover) .card-overlay-panel{opacity:.9}.project-container.card-overlay.card-overlay-hover.card:hover .card-overlay-panel>:last-child{opacity:1;transition-duration:.8s;transition-timing-function:ease-out;transition-property:opacity,transform,-webkit-filter;transition-property:opacity,transform,filter;transition-property:opacity,transform,filter,-webkit-filter}.card-overlay-background{background:rgba(37,53,81,.9)}.card-overlay-bottom{top:auto}.card-overlay-fade{opacity:.7}.card-overlay-hover:hover .card-overlay-fade{opacity:.9}[class*=card-overlay-slide]{opacity:0}.card-overlay-title h3{margin-top:0;margin-bottom:24px}@media only screen and (min-width:320px){.card-overlay.card{height:163px}.card-overlay-title h3{font-size:13px}.card-overlay-slide-bottom{transform:translateY(72%)}.card-overlay-fade,[class*=card-overlay-slide]{transition-property:none}.card-overlay-hover:hover [class*=card-overlay-slide]{opacity:.9;transform:translateX(0) translateY(72%)}}@media only screen and (min-width:768px){.card-overlay,.card-overlay.card{height:100%}.col-sm-4 .card-overlay-slide-bottom{transform:translateY(72%)}.col-sm-4 .card-overlay-title h3{font-size:16px}.col-sm-6 .card-overlay-slide-bottom{transform:translateY(81%)}}@media only screen and (min-width:992px){.col-sm-4 .card-overlay-slide-bottom{transform:translateY(75%)}.col-sm-4 .card-overlay-title h3{font-size:21px}.col-md-6 .card-overlay-slide-bottom,.col-sm-6 .card-overlay-slide-bottom{transform:translateY(85.5%)}.card-overlay-fade,[class*=card-overlay-slide]{transition-duration:.3s;transition-timing-function:ease-out;transition-property:opacity,transform,-webkit-filter;transition-property:opacity,transform,filter;transition-property:opacity,transform,filter,-webkit-filter}.card-overlay-active .card-overlay-fade,.card-overlay-active .card-overlay-scale,.card-overlay-active .card-overlay-spin,.card-overlay-active [class*=card-overlay-slide]{transition-duration:.8s}.card-overlay-hover:hover [class*=card-overlay-slide]{opacity:1;transform:translateX(0) translateY(0)}}@media only screen and (min-width:1200px){.col-sm-4 .card-overlay-slide-bottom{transform:translateY(80%)}.col-md-6 .card-overlay-slide-bottom,.col-sm-6 .card-overlay-slide-bottom{transform:translateY(88%)}}.card-overlay-hover:hover [class*=card-overlay-slide]{opacity:1;transform:translateX(0) translateY(0)}@media only screen and (max-width:769px) and (min-width:450px){.project-container{max-width:640px;display:grid;grid-template-columns:1fr}.project-container div:first-of-type{width:100%;height:0;height:220px}}@media only screen and (max-width:449px){.project-container div:first-of-type{height:199px;width:100%}}:root{--teal:#3ebab1;--lightteal:#63d1c9;--lighterteal:#d0f8f5;--white:#fff;--darkgrey:#383838;--lightgray:grey}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;background-color:#fff;background-color:var(--white)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.resume h1,h1.resume{font-family:serif;font-size:36px;text-align:center;padding:20px}.resume h1,.resume h3,h1.resume{font-weight:700;color:var(--darkgray)}.resume h3{font-family:"Rubik";font-size:22px;padding-bottom:24px}h1.resume:before{background-color:#3ebab1;background-color:var(--teal);content:"";display:block;height:8px;left:50%;margin:-4px 0 0 -60px;position:absolute;top:0;width:120px}.site-banner-header{margin:2rem auto 3rem;position:relative;text-align:center;max-width:500px}.site-banner-header:after,.site-banner-header:before{border-top:1px solid grey;border-top:1px solid var(--lightgray);content:"";display:block;margin:0 auto;position:absolute}.site-banner-header:before{left:25%;top:0;width:50%}.site-banner-header:after{bottom:0;left:44%;width:12%}.resume li{padding-bottom:20px}a{color:#3ebab1;color:var(--teal)}
/*# sourceMappingURL=main.745fe324.chunk.css.map */