@import url(https://fonts.googleapis.com/css2?family=Karla&family=Londrina+Solid:wght@300;400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f1e9;background-color:var(--light);font-family:Karla,sans-serif;margin:0}#root{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--green-dark:#2b463c;--green-medium:#698f4f;--green-light:#b1d184;--light:#f4f1e9;--dark-desat:#8fdcc21a}h1{color:var(--green-dark);font-family:Londrina Solid,cursive;font-size:50px;font-weight:300}p{font-size:18px}footer{padding-left:40px}button{align-self:center;background-color:var(--green-light);border:2px solid var(--green-light);color:var(--green-dark);cursor:pointer;font-family:Londrina Solid,cursive;font-size:20px;font-weight:300;letter-spacing:2px;padding:15px 25px;transition:background-color .6s,opacity .4s,color .4s;width:150px}button:hover{background-color:var(--light)}.primary-p{color:var(--green-dark);font-size:20px}.home-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.home-graphic{width:500px}.h-container{text-align:center}.h-container h1{font-family:Karla;font-size:60px;margin:30px}.bold-h1{font-family:Londrina Solid,cursive;font-weight:400}.content-container{background-color:var(--green-dark);padding-bottom:80px;width:100%}.content-container h1{color:var(--light)}.work-container{margin:auto;width:1000px}.browser-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:80px;justify-content:space-between}.work-container h1{margin:60px auto}.browser-outline{border:2px solid var(--light);border-radius:20px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;color:var(--light);cursor:pointer;height:300px;min-width:400px;padding:40px 20px 20px;position:relative}.browser-outline:before{background-image:url(/static/media/browser-buttons.ee94e8d0768188edbb8f.svg);background-repeat:no-repeat;content:"";height:1.5rem;left:1rem;position:absolute;top:.5rem;width:4rem}.browser-outline:hover{box-shadow:0 14px 28px #0000008c,0 10px 10px #00000038}.browser-outline:hover:before{background-image:url(/static/media/browser-button-colored.f2b202afac0677690c7e.svg)}.browser-outline:after{background-color:var(--light);content:"";height:2px;left:0;position:absolute;right:0;top:2rem;width:100%}.tree-planter-graphic{margin:auto;width:200px}.browser-outline.mobile{display:flex;flex-direction:row;gap:30px}.browser-graphic-mobile{border-radius:20px;margin:20px 20px 5px;overflow:hidden;width:200px}.browser-graphic-computer{border-radius:20px;height:193px;overflow:hidden}.browser-graphic-mobile.tree-planter{background-image:url(/static/media/tree-planter-img.95c5c951915de873ac65.png);background-size:cover}.browser-graphic-mobile.recipe-stash{background-image:url(/static/media/recipe-stash-img.5a9255d143bdc0882b90.png);background-size:cover}.browser-graphic-computer.aalto-grades{background-image:url(/static/media/aalto-grades-img.75d94dfff52b6dfdae5c.png);background-size:cover}.browser-graphic-computer.aalto-program-vis{background-image:url(/static/media/aalto-program-vis-img.a7eefa0e90c866b485d8.png);background-size:cover}@media only screen and (max-width:1150px){.browser-container{flex-direction:column;gap:80px;justify-content:center}.work-container{width:460px}.h-container h1{font-size:50px}}@media only screen and (max-width:850px){.h-container h1{font-size:40px}.work-container h1{font-size:40px;margin:40px auto}}@media only screen and (max-width:540px){.work-container h1{font-size:34px;margin:30px auto}.home-graphic{min-width:300px;width:90vw}.work-container{margin:auto;text-align:center;width:95%}.browser-outline{min-width:260px;width:260px}.work-container h2{font-size:18px}.work-container p{font-size:16px}.browser-outline.mobile{gap:10px}.browser-graphic-mobile{margin:10px 0 0;overflow:hidden;width:150px}.browser-container{align-items:center;text-align:left}}.about-page-container{margin:40px 0}.about-flex-container{display:flex;flex-direction:row;gap:50px;margin:auto;max-width:1200px;padding:0 100px}.about-graphic{width:500px}.design-dev-bg{background-color:var(--green-dark);margin-top:50px;padding:60px 0}.design-dev-container{display:flex;flex-direction:row;gap:50px;justify-content:space-between;margin:auto;max-width:1200px;padding:0 100px}.about-subh,.design-dev-container p{color:var(--light)}.about-subh{font-family:Londrina Solid,cursive;font-size:40px;font-weight:300;margin:0}.aspect-container{align-items:flex-start;display:flex;flex-direction:row;gap:30px;width:50%}.aspect-container p{font-size:18px}.about-icon{width:100px}@media only screen and (max-width:1100px){.about-graphic{width:400px}}@media only screen and (max-width:1000px){.about-flex-container,.design-dev-container{padding:0 50px}.aspect-container p{font-size:16px}}@media only screen and (max-width:850px){.about-flex-container,.design-dev-container{flex-direction:column}.aspect-container{margin:auto;width:100%}.text-container p{font-size:18px}.about-graphic{margin:auto;width:400px}.about-page-container{margin-top:0}}@media only screen and (max-width:580px){.about-graphic{min-width:220px;width:70vw}.about-page-container h1{font-size:40px;margin:20px 0}.about-subh{font-size:30px}.about-icon{width:80px}}@media only screen and (max-width:400px){.about-page-container h1{font-size:40px;margin:20px 0}.about-flex-container,.design-dev-container{padding:0 20px}.about-icon{width:60px}}.contact-page-container{align-content:center;align-items:center}.form-container{margin:20px auto;max-width:800px;width:60vw}.input-container{display:flex;flex-direction:column;width:100%}.name-container{align-items:stretch;display:flex;flex-direction:row;gap:40px;width:100%}form{display:flex;flex-direction:column;gap:30px;margin:50px auto auto}label{display:block;font-weight:600;margin-bottom:5px;text-align:left}input,label,textarea{color:var(--green-dark);font-size:18px}input,textarea{background:var(--light);border:2px solid var(--green-medium);border-radius:2px;font-family:Karla;outline:none;padding:10px}textarea{height:220px;resize:none}input:focus,textarea:focus{border:2px solid var(--green-light)}@media only screen and (max-width:800px){.form-container{width:80vw}.name-container{gap:20px}}@media only screen and (max-width:560px){.name-container{flex-direction:column}.contact-h1{font-size:40px}}.nav-bar{align-items:center;display:flex;margin:25px 5%}.nav-bar a{color:var(--green-dark);position:relative;text-decoration:none}.navlink-container a.active,.navlink-container a:hover{text-decoration:underline;text-underline-offset:6px}.navlink-container{display:flex;font-size:20px;gap:50px;margin-left:auto;position:relative}#name-link{font-family:Londrina Solid,cursive;font-size:36px}@media only screen and (max-width:600px){#name-link{font-size:28px}.navlink-container{font-size:18px;gap:30px}}@media only screen and (max-width:460px){.hidden-on-mobile{display:none}}.project-page{background-color:var(--green-dark);padding:50px 100px;text-align:center}.project-container{color:var(--light);margin:auto;max-width:1000px}.project-h{color:var(--light);margin:0 0 50px}.graphic-container{background-color:var(--dark-desat);border-radius:10px;box-shadow:0 14px 28px #0000001a,0 10px 10px #00000038;padding:5px 15px 10px}.project-graphic{border-radius:10px;width:100%}.browser-button-container{display:flex}.browser-buttons{margin:10px 5px;width:40px}.info-container{display:flex;flex-direction:column;margin:20px 0;text-align:left}.info-container p{margin:0}.info-container.main{flex-direction:row;flex-wrap:wrap;gap:20px 50px}.label-container{background-color:#253c33;border-radius:40px;color:#ccdbca;font-size:16px;padding:5px 20px;text-align:center}.tools-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.solution-container{display:flex;flex-direction:column;gap:30px}.graphic-container.mobile{max-width:240px;padding:15px 15px 10px}.mobile-graphic-container{gap:30px;justify-content:space-between}.button-container,.mobile-graphic-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.button-container{gap:20px 50px}@media only screen and (max-width:850px){.project-page{padding:50px}.graphic-container.mobile{padding:8px 8px 2.5px}}@media only screen and (max-width:600px){.project-page{padding:30px}.graphic-container.mobile{padding:5px 5px 1px}.project-page p{font-size:16px}.project-h{font-size:40px;margin-bottom:30px}}@media only screen and (max-width:500px){.graphic-container{padding:0 5px 1px}.browser-buttons{margin:5px;width:20px}.project-page h2{font-size:20px}.graphic-container.mobile.hide{display:none}.mobile-graphic-container{margin:auto;width:200px}}
/*# sourceMappingURL=main.7904e928.css.map*/