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}.container{max-width:900px;padding:0 1.5rem;margin:auto;overflow:hidden}.back-nav-link{position:relative}.back-nav-link a{position:absolute;top:1rem;left:1rem;display:inline-block;text-transform:uppercase}.btn-dark,.btn-light,.btn-main{display:inline-block;padding:.8rem 2rem;transition:all .5s;border:none;cursor:pointer;border-radius:5px;text-transform:uppercase;box-shadow:5px 5px 20px rgba(0,0,0,.5)}.btn-main{color:#333;background-color:#e6b82d}.btn-light{color:#333;background-color:#fffcf9}.btn-dark{color:#f4f4f4;background-color:#333}a[class^=btn-]:hover,button[class^=btn-]:hover,input[class^=btn-]:hover{background-color:#738c0c;color:#fffcf9;text-decoration:none}.bg-main{background:#738c0c;color:#fff}.bg-dark{background:#333;color:#fff}.bg-light{background:#f4f4f4;color:#000}.bg-medium{background:#ccc;color:#000}.lead{font-size:1.3rem;margin-bottom:2rem}.text-center{text-align:center}.py-1{padding:1rem 0}.py-2{padding:2rem 0}.py-3{padding:3rem 0}.py-4{padding:4rem 0}.my-1{margin:1rem 0}.my-2{margin:2rem 0}.my-3{margin:3rem 0}.my-4{margin:4rem 0}.bottom-line{height:2px;width:3rem;background:#738c0c;display:block;margin:0 auto 1rem}.cols{margin-bottom:.7rem;display:grid;grid-gap:1rem;grid-template-columns:repeat(1,1fr)}.cols-two{grid-template-columns:repeat(2,1fr)}.cols-three{grid-template-columns:repeat(3,1fr)}.cols-four{grid-template-columns:repeat(4,1fr)}.cols-one-two{grid-template-columns:1fr 2fr}.cols-one-three{grid-template-columns:1fr 3fr}.items{display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 5px 10px 0 rgba(0,0,0,.3)}.item{position:relative;background:#738c0c;overflow:hidden}.item:after{content:"";position:absolute;display:block;background:inherit;opacity:.9;top:0;left:0;width:100%;height:100%;-webkit-transform:scale(2) translateX(-75%) translateY(-75%) rotate(-28deg);transform:scale(2) translateX(-75%) translateY(-75%) rotate(-28deg);transition:-webkit-transform 3s cubic-bezier(.2,1,.3,1);transition:transform 3s cubic-bezier(.2,1,.3,1);transition:transform 3s cubic-bezier(.2,1,.3,1),-webkit-transform 3s cubic-bezier(.2,1,.3,1)}.item:hover:after{-webkit-transform:scale(2) translateX(0) translateY(0) rotate(-28deg);transform:scale(2) translateX(0) translateY(0) rotate(-28deg)}.item:hover .item-image{-webkit-transform:scale(1.2);transform:scale(1.2)}.item:hover .item-text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.item-image{height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);display:block;transition:-webkit-transform .75s cubic-bezier(.2,1,.3,1);transition:transform .75s cubic-bezier(.2,1,.3,1);transition:transform .75s cubic-bezier(.2,1,.3,1),-webkit-transform .75s cubic-bezier(.2,1,.3,1)}.item-image:before{content:"";display:block;padding-top:75%;overflow:hidden}.item-image img{width:100%;height:auto;line-height:0}.item-image img,.item-text{position:absolute;top:0;left:0}.item-text{bottom:0;right:0;opacity:0;text-align:center;z-index:1;color:#fff;-webkit-transform:translateY(-20%);transform:translateY(-20%);transition:opacity .5s cubic-bezier(.2,1,.3,1),-webkit-transform .5s cubic-bezier(.2,1,.3,1);transition:opacity .5s cubic-bezier(.2,1,.3,1),transform .5s cubic-bezier(.2,1,.3,1);transition:opacity .5s cubic-bezier(.2,1,.3,1),transform .5s cubic-bezier(.2,1,.3,1),-webkit-transform .5s cubic-bezier(.2,1,.3,1);transition-delay:.3s}.item-text-wrap{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.item-text-title{font-size:2rem;padding:0 1rem;margin:5px 0 0}.item-text-category{text-transform:uppercase;font-size:1.8rem;opacity:.7;margin:0}*{margin:0;padding:0}body{font-family:Roboto,sans-serif;line-height:1.4;background:#34252f;color:#333}section{background:#fffcf9}a{text-decoration:none;color:#1a5b9e}a:hover{text-decoration:underline}a:active{color:#10375e}ul{list-style:none}h1,h2{text-transform:uppercase;font-family:Dosis}section h2{font-size:2.5rem;margin-bottom:30px}h3{font-size:1rem}img{width:100%}.app>div{position:relative}#main-nav{-webkit-justify-content:space-between;justify-content:space-between;padding-top:1rem}#main-nav,#main-nav ul{display:-webkit-flex;display:flex}#main-nav li{padding:1rem 1.5rem}#main-nav li a{text-decoration:none;text-transform:uppercase;border-bottom:3px solid transparent;padding-bottom:.5rem;transition:border-color .5s}#main-nav li a.current,#main-nav li a:hover{border-color:#f9c10a}#header-home,#header-inner,#main-nav li a,.logo a{color:#fff}#header-home,#header-inner{background-color:transparent;background:url(https://papastefanou.com/wp-content/uploads/2021/05/buttercup.jpg) no-repeat 50%/cover;height:28rem;z-index:10}#header-home #main-nav .logo a:active,#header-home #main-nav .logo a:hover{text-decoration:none}#header-home .header-content{text-align:center;padding:5%}#header-home .header-content p.catch-phrase{font-family:Dosis,sans-serif;font-size:3rem}#header-inner{height:6rem;border-bottom:3px solid #738c0c}#header-inner .header-content{display:none}.logo a:hover{color:#fff;text-decoration:none}#home-a .specials{margin-top:3rem;display:grid;grid-gap:1rem;grid-template-columns:repeat(4,1fr)}#home-a .specials .fas{color:#738c0c;padding-bottom:.4rem}#home-b .stats{display:grid;grid-template-columns:repeat(4,1fr)}#home-b .stats li{line-height:2}#home-b .stats li.stats-title{font-size:1.5rem}#home-b .stats li.stats-number{font-size:2rem;font-weight:700}#home-b .stats div{padding:3rem 0}#home-b .stats div:nth-child(odd){background:#f4f4f4}#home-b .stats div:nth-child(2n){background:#ccc}#home-c .process{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;text-align:center}#home-c .process-step{position:absolute;top:0;right:0;font-size:28px;background:#738c0c;height:15px;width:15px;line-height:15px;padding:1rem}#home-c .process-icon,#home-c .process-step{color:#fff;border-radius:50%;transition:all 1s}#home-c .process-icon{background:#333;padding:2rem;width:70px;height:70px;line-height:70px;text-align:center;position:relative}#home-c .process-icon:hover{background:#738c0c;width:90px;height:90px;line-height:90px}#home-c .process-icon:hover .process-step{background:#333;color:#fff}#about-a .about-info{display:grid;grid-template-areas:"bioimage bio bio" "aw1 aw2 aw3";grid-gap:1.2rem}#about-a .bio-image{grid-area:bioimage}#about-a .bio{grid-area:bio;border-left:3px solid #738c0c;padding:.8rem}#about-a .award-1{grid-area:aw1}#about-a .award-2{grid-area:aw2}#about-a .award-3{grid-area:aw3}#about-a .award-1 .fas,#about-a .award-2 .fas,#about-a .award-3 .fas{color:#738c0c;margin:1rem}#about-b .progress{overflow:hidden;height:20px;background:#ccc;border-radius:5px;margin-bottom:.6rem}#about-b .progress div{height:100%;color:#fff;text-align:center;background:#738c0c}#about-c .about-logos{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem}#about-c .about-logos img{width:70%}#about-d .testimonials{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem}#about-d .testimonials ul{list-style:none;margin-top:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#about-d .testimonials p{border:1px solid #ccc;border-radius:5px;padding:.5rem}#about-d .testimonials img{width:50px;height:50px;border-radius:50%;margin-right:.5rem}#resume-connect h2,#resume-education h2,#resume-industry-experience h2,#resume-personal-motto h2,#resume-side-gig h2,#resume-skills h2,#resume-spare-time h2{margin-bottom:30px}#resume-industry-experience div>div>div,#resume-spare-time div>div>div{margin:0 0 20px}#resume-side-gig div div,#resume-work-experience div div{text-align:left;padding:.5rem}#resume-side-gig div div:first-child,#resume-work-experience div div:first-child{text-align:right}#resume-side-gig p,#resume-work-experience p{margin-bottom:10px}#resume-side-gig li,#resume-work-experience li{display:inline-block;opacity:.6;word-wrap:normal}#resume-side-gig li:after,#resume-work-experience li:after{content:"|";margin:10px}#resume-side-gig li:last-child:after,#resume-work-experience li:last-child:after{content:"";margin:10px}#resume-work-experience{background-color:#fffcf9;color:#000}#resume-skills{background-color:#e6b82d;color:#000}#resume-skills div>div{margin:0 auto;width:95%;max-width:450px}#resume-side-gig{background-color:#d54f54;color:#fffcf9}#resume-industry-experience{background-color:#34252f;color:#fffcf9}#resume-education{background-color:#738c0c;color:#fffcf9}#resume-education h2{margin-bottom:0;text-align:center}#resume-education h2+p{margin-bottom:30px;text-align:center}#resume-education h3{margin-top:15px}#resume-education p{text-align:left}#resume-spare-time{background-color:#d54f54;color:#fffcf9}#resume-personal-motto{background-color:#e6b82d;color:#34252f}#resume-personal-motto blockquote{font-size:1.5rem;font-style:italic}#resume-connect{background-color:#34252f;color:#fff}#resume-connect .connect{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}#resume-connect .connect a{color:#fff}#contact-a .contact-info,#contact-b .contact-info{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}#contact-a .fab,#contact-a .fas,#contact-b .fab,#contact-b .fas{color:#738c0c}#contact-a a,#contact-b a{color:#333}#contact-c h1{text-align:center;font-size:4rem}#case-a .about-case{margin-top:3rem;display:grid;grid-gap:1rem;grid-template-columns:repeat(4,1fr)}#case-a .about-case .fas{font-size:2rem;color:#738c0c;padding-bottom:.4rem}#case-b .case-image,#case-b .img-frame{box-sizing:border-box;width:100%;border:.7rem solid #fff;margin:0 0 20px;box-shadow:5px 5px 20px rgba(0,0,0,.5)}#case-b .img-frame>img{border:none;box-shadow:none;margin:0}#main-footer{background:#34252f;color:#fff;height:5rem}#main-footer .footer-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:5rem;-webkit-align-items:center;align-items:center}#main-footer .footer-content .social .fab{margin-right:1rem;border:2px solid #fff;border-radius:50%;height:20px;width:20px;line-height:20px;text-align:center;padding:.5rem}#main-footer .footer-content .social .fab:hover{background:#738c0c}@media (max-width:800px){#main-nav{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#main-nav li{padding:1rem}#header-home,#header-inner{height:10rem;border-bottom:3px solid #738c0c;background-position:20% 5%}#header-home .header-content,#header-inner .header-content{display:none}.logo{text-align:center}#about-d .testimonials,#case-a .about-case,#contact-a .contact-info,#contact-b .contact-info,#home-a .specials,#home-b .stats,#home-c .process,.items{grid-template-columns:1fr}#home-a .specials div{border-bottom:1px solid #f4f4f4;padding-bottom:1rem}#home-a .specials div:last-child{border:none;padding-bottom:0}#home-b .stats div{padding:2rem 0 1rem}#resume-side-gig .cols,#resume-work-experience .cols{display:block}#resume-side-gig div div:first-child,#resume-work-experience div div:first-child{text-align:left}#resume-side-gig li,#resume-work-experience li{display:block}#resume-side-gig li:after,#resume-work-experience li:after{content:"";margin:10px}#resume-education .cols{display:block}#resume-education div+div{margin-top:30px}#about-a .about-info{grid-template-areas:"bioimage" "bio" "aw1" "aw2" "aw3"}#about-c{display:none}#contact-a .text-fields{grid-template-areas:"name" "subject" "email" "phone" "message"}#contact-b div{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #ccc}#contact-b div .bottom-line{padding:0}#contact-b div:last-child{border:none;margin-bottom:0;padding-bottom:0}#contact-c h1{font-size:2rem}#main-footer{height:7rem}#main-footer .footer-content{-webkit-flex-direction:column;flex-direction:column;padding:1rem;height:5rem}}@media (max-width:400px){#main-nav ul li{padding:1rem .5rem}}@media (max-width:350px){#main-nav ul{font-size:.9rem;background-color:rgba(0,0,0,.6)}#main-nav ul li{padding:1rem .5rem}}@media (max-height:580px){#header-home .header-content{padding-top:3rem}}@media (max-height:330px){#header-home .header-content h1{font-size:2rem}}.print header#header-inner{background:none;border-bottom:none;background-color:#738c0c;height:11rem}.print header#header-inner #main-nav{display:block}.print header#header-inner #main-nav .logo{text-align:center}.print header#header-inner #main-nav .logo h2{font-size:4rem}.print header#header-inner #main-nav .logo h3{font-size:2rem;font-weight:400}.print footer,.print header#header-inner #main-nav ul{display:none}
/*# sourceMappingURL=main.17f0d2e0.chunk.css.map */