*{box-sizing:border-box}.App{min-height:100vh;--accent-red:#ef2a37;--darkgrey:#6b6c76;--lightgrey-background:#f7f7f8}body{margin:0;font-family:Lato,sans-serif}.intro{background-image:url(https://images.unsplash.com/photo-1484417894907-623942c8ee29?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2978&q=80);background-size:cover;background-repeat:no-repeat;display:block;min-height:100vh;background-position:0 100%}.main-header-logo a{font-family:Playfair Display,sans-serif;color:#fff;font-size:30px;text-decoration:none}.main-header-logo a:hover{color:var(--accent-red)}.main-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:fixed;top:0;padding-left:32px;padding-right:32px;width:100%}.main-nav ul{margin:1em 0 .5em;text-align:center}.main-nav li{display:inline}.main-nav a{display:inline-block;padding:.5em 1.5em;color:inherit;text-decoration:none}.main-nav a:hover{color:var(--accent-red)}.intro-container{padding-left:64px;padding-right:64px;padding-top:76px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:50%}.intro-h1{font-family:Playfair Display,sans-serif;font-size:50px}.intro-h1,.intro-h2{font-style:normal;font-weight:400;color:#fff}.intro-p{font-family:Lato,sans-serif;font-size:18px;font-weight:300;color:#fff;text-align:justify;max-width:400px}.intro-link-to-more a{color:#fff;text-decoration:none}.intro-link-to-more a:hover{color:var(--accent-red)}.tech-list{display:flex;align-items:center;padding:0;gap:8px;margin:24px 0;width:100%;flex-wrap:wrap}.tech-list-item{list-style-type:none;background:#fff;border-radius:999px;padding:4px 8px;box-shadow:.8px 1.6px 1.6px rgba(0,0,0,.48);font-size:.8em}.about-container{padding:100px 64px 200px;background-size:cover;display:block}.about-h5{font-size:14px;font-weight:400;font-family:Lato,sans-serif;text-transform:uppercase;display:inline-block;vertical-align:top}.about-columns-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.about-text-column{display:flex;flex-direction:column;width:40%;justify-content:flex-start;align-content:space-between}.about-h3{font-size:28px;font-weight:900}.about-h3,.about-p{font-family:Lato,sans-serif}.about-p{font-size:18px;font-weight:300;color:var(--darkgrey)}.about-columns-container img{max-width:400px;width:40%}.contact-container{background:var(--lightgrey-background);padding-left:64px;padding-right:64px;padding-top:100px;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.contact-h5{font-size:14px;font-weight:400;font-family:Lato,sans-serif;text-transform:uppercase;display:inline-block;vertical-align:top}.contact-columns-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.contact-text-column{display:flex;flex-direction:column;flex:1 1;height:400px;width:40%;justify-content:flex-start;align-content:space-between}.contact-h3{font-family:Playfair Display,sans-serif;font-size:44px;font-weight:900}.contact-h3 a{color:#000;text-decoration:none}.contact-h3 a:hover{color:var(--accent-red)}.contact-p{font-family:Lato,sans-serif;font-size:18px;font-weight:300;color:var(--darkgrey)}.social-container{display:flex;height:32px;gap:20px}.social-container a{justify-content:flex-start}.social-container img{flex:1 1;max-height:100%;padding-right:0}.footer{padding-left:64px;padding-right:64px;padding-top:76px;background-size:cover;flex-direction:column;width:100%;display:flex}.Blog{min-height:100vh;background-color:#9e7a68;padding-top:82px;padding-bottom:82px}.blog-contents-page{margin:0 240px}.blog-main-heading{color:#fff}.blog-text-wrapper{background-color:#fff;padding:36px;line-height:29px;box-shadow:0 2px 4px rgba(0,0,0,.25);border-radius:8px}.blog-text-wrapper a:link,.blog-text-wrapper a:visited,.blog-text-wrapper p>a:link,.blog-text-wrapper p>a:visited{color:inherit}.blog-text-wrapper a:hover,.blog-text-wrapper p>a:hover{text-decoration:underline}.blog-search-container{background-color:#fff;padding:36px;line-height:29px;box-shadow:0 2px 4px rgba(0,0,0,.25);border-radius:8px}.blog-search-container-bottom{display:flex;flex-direction:row;justify-content:space-between}.blog-search-container-bottom-left{width:35%}.blog-search-container-bottom-right{width:65%}.blog-search-wrapper{display:flex;flex-direction:row;justify-content:space-between}.blog-search-input{width:70%;outline:none}.blog-search-results,.blog-search-suggestions{line-height:29px;padding:0;list-style:none}.blog-tags-columns{display:flex;justify-content:space-between}.blog-search-tags{line-height:29px;padding:0;list-style:none;flex-basis:"30%";margin:0}.blog-ul-wrapper{background-color:#fff;padding:36px;line-height:29px;box-shadow:0 2px 4px rgba(0,0,0,.25);border-radius:8px;list-style:none}.blog-li{cursor:pointer;color:inherit}.blog-li:hover{text-decoration:underline}.blog-li:visited{color:inherit}.blog-li>a:link,.blog-li>a:visited{color:inherit;text-decoration:none}.blog-li>a:hover{text-decoration:underline}.blog-post-wrapper{min-height:100vh;background-color:#9e7a68;padding-top:82px;padding-bottom:82px}.blog-post-contents{margin:0 240px}.blog-post-contents h1{color:#fff}.blog-post-contents a{text-decoration:underline}.blog-text-wrapper>ul{list-style:none}.blog-text-wrapper>ul li:before{content:"\2022";color:#9e7a68;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.timer{border:1px solid #142850;width:85%}.timer-start{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:none;width:70px;height:70px;font-size:40px}@media (max-width:800px){.main-header{padding-left:20px;padding-right:20px}.hide{display:none!important}.main-nav ul{display:flex}.main-nav a{padding-top:4px;padding-bottom:4px;color:#fff}.intro-container{padding-left:50px;padding-right:50px;width:100%}.intro-columns-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.intro-text-column{padding-bottom:50px;width:100%}.intro-h3{font-size:20px}.intro-p{text-align:justify}.weather-container{padding-left:50px;padding-right:50px}.weather-columns-container{display:flex;flex-direction:column;justify-content:center}.weather-text-column{padding-bottom:50px;width:100%}.weather-p{text-align:justify}.weather-columns-container img{padding-bottom:50px;width:100%}.guideit-container{padding-left:50px;padding-right:50px}.guideit-columns-container{display:flex;flex-direction:column;justify-content:center}.guideit-text-column{padding-bottom:50px;width:100%}.guideit-p{text-align:justify}.guideit-columns-container img{padding-bottom:50px;width:100%}.meal-sharing-container{padding-left:50px;padding-right:50px}.meal-sharing-columns-container{display:flex;flex-direction:column;justify-content:center}.meal-sharing-text-column{padding-bottom:50px;width:100%}.meal-sharing-p{text-align:justify}.meal-sharing-columns-container img{padding-bottom:50px;width:100%}.drum-kit-container{padding-left:50px;padding-right:50px}.drum-kit-columns-container{display:flex;flex-direction:column;justify-content:center}.drum-kit-text-column{padding-bottom:50px;width:100%}.drum-kit-p{text-align:justify}.drum-kit-columns-container img{padding-bottom:50px;width:100%}.karen-container{padding-left:50px;padding-right:50px}.karen-columns-container{display:flex;flex-direction:column;justify-content:center}.karen-text-column{padding-bottom:50px;width:100%}.karen-p{text-align:justify}.karen-columns-container img{padding-bottom:50px;width:100%}.andreas-enterprises-container{padding-left:50px;padding-right:50px}.andreas-enterprises-columns-container{display:flex;flex-direction:column;justify-content:center}.andreas-enterprises-text-column{padding-bottom:50px;width:100%}.andreas-enterprises-p{text-align:justify}.andreas-enterprises-columns-container img{padding-bottom:50px;width:100%}.pig-latin-container{padding-left:50px;padding-right:50px}.pig-latin-columns-container{display:flex;flex-direction:column;justify-content:center}.pig-latin-text-column{padding-bottom:50px;width:100%}.pig-latin-p{text-align:justify}.pig-latin-columns-container img{padding-bottom:50px;width:100%}.about-container{padding-left:50px;padding-right:50px}.about-columns-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.about-text-column{padding-bottom:50px;width:100%}.about-p{padding-bottom:50px;text-align:justify}.about-columns-container img{padding-right:0;padding-bottom:50px;width:60%}.contact-container{padding-left:50px;padding-right:50px;width:100%}.contact-columns-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-text-column{padding-bottom:50px;width:100%}.contact-h3{font-size:20px}.contact-p{text-align:justify}.blog-contents-page{margin:0 15px}.blog-search-container{width:100%}.blog-search-container-bottom{display:flex;flex-direction:column;justify-content:space-between}.blog-search-container-bottom-left,.blog-search-container-bottom-right{width:100%}.blog-post-contents{margin:0 15px}.blog-text-wrapper p>a:link{overflow-wrap:break-word;word-wrap:break-word}}.project{padding:100px 64px 200px;background-size:cover;display:block}.project-alternate{background:var(--lightgrey-background)}.project-columns-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-columns-reverse{flex-direction:row-reverse}.project-text-column{display:flex;flex-direction:column;width:40%;justify-content:flex-start;align-content:space-between}.project-title{font-family:Lato,sans-serif;font-size:28px;font-weight:900}.project-description{font-family:Lato,sans-serif;font-size:18px;font-weight:300;color:var(--darkgrey);margin-bottom:0}.project-link{padding-bottom:16px}.project-link a{font-size:14px;font-weight:700;color:#000;text-decoration:none}.project-link a:hover{color:var(--accent-red)}.project-image{width:40%}@media (max-width:800px){.project{padding-left:50px;padding-right:50px}.project-columns-container{flex-direction:column;justify-content:center}.project-text-column{padding-bottom:50px;width:100%}.project-description{text-align:justify}.project-image{padding-bottom:50px;width:100%}}.project-detail{background:var(--lightgrey-background);padding-top:82px;min-height:100vh}.project-detail-container{max-width:1200px;margin:0 auto;padding:0 64px}.project-detail-title{font-family:Playfair Display,sans-serif;font-size:44px;font-weight:800;margin-bottom:48px}.project-detail-content{display:flex;gap:48px;margin-bottom:48px}.project-detail-image{flex:1 1}.project-detail-image img{width:100%;height:auto;border-radius:8px}.project-detail-info{flex:1 1}.project-detail-introduction{margin-bottom:32px}.project-detail-introduction p{font-family:Lato,sans-serif;font-size:18px;font-weight:300;color:var(--darkgrey);margin-bottom:16px;line-height:1.6}.project-detail-technologies{margin-bottom:32px}.project-detail-technologies h3{font-family:Lato,sans-serif;font-size:24px;font-weight:700;margin-bottom:16px}@media (max-width:800px){.project-detail-container{padding:0 32px}.project-detail-content{flex-direction:column}.project-detail-title{font-size:32px}}