.AboutGridLayer{position:relative;height:200vh;width:100vw;display:grid;grid-template-columns:50px auto 60% 50px;grid-template-rows:30px 5% 6% 17.5% 14% 3.5% auto 50%;grid-gap:1px 1px;gap:1px 1px;grid-template-areas:". . . ." ". . NavBar ." ". . . ." ". TitleText TitleText ." ". SubTitleText SubTitleText ." ". Arrow Arrow ." ". . . ." "AboutBody AboutBody AboutBody AboutBody";z-index:5;padding-bottom:100px}.AboutAccentLayer{top:0;height:100%;width:100vw;background:#385646;opacity:.1;z-index:1}.AboutBodyPage{grid-area:AboutBody;position:relative;width:100%;height:100%;background:rgba(163,196,188,.5);display:grid;grid-template-columns:4% 92% 4%;grid-template-rows:5% 87% 8%;grid-gap:1px 1px;gap:1px 1px;grid-template-areas:". . ." ". AboutPageMain ." ". . ."}.AboutPageMain{grid-area:AboutPageMain;display:flex;flex-direction:row;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:100%}.AboutVisual{flex-grow:1;position:relative}.About_1{opacity:.99;-webkit-animation:fade-out 20s ease-in-out infinite;animation:fade-out 20s ease-in-out infinite}.About_2{opacity:0;-webkit-animation:fade-in 20s ease-in-out infinite;animation:fade-in 20s ease-in-out infinite}@-webkit-keyframes fade-out{0%{opacity:1}45%{opacity:1}50%{opacity:0}95%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}45%{opacity:1}50%{opacity:0}95%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in{0%{opacity:0}45%{opacity:0}50%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}45%{opacity:0}50%{opacity:1}95%{opacity:1}to{opacity:0}}.AboutImages{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.AboutText{height:100%;max-width:40%;min-width:33%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:3%;overflow:auto;position:relative}.AboutTextBody{font-size:19px;color:#385646;line-height:1.6;font-family:Roboto-regular,sans-serif;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:100%}.AboutGridLayer>.PageTitle,.AboutTextBody{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.AboutGridLayer>.PageTitle{height:63%}.AboutGridLayer>.PageSubTitle{color:hsla(0,0%,100%,.9);background:rgba(56,86,70,.9);font-size:2.5vw;bottom:5%}.AboutGridLayer>.PageTitle>#about_letters{fill:#385646}.AboutGridLayer>.PageTitle:hover #about_letters{stroke:#385646;stroke-width:.2vw;stroke-miterlimit:10;overflow:visible;-webkit-animation:letters_transition_color 2s ease forwards;animation:letters_transition_color 2s ease forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes letters_transition_color{to{fill:rgba(0,21,49,.1);stroke:#fff}}@keyframes letters_transition_color{to{fill:rgba(0,21,49,.1);stroke:#fff}}#about_letters path:first-child{stroke-dasharray:300;stroke-dashoffset:1038}#about_letters path:nth-child(2){stroke-dasharray:300;stroke-dashoffset:1354}#about_letters path:nth-child(3){stroke-dasharray:300;stroke-dashoffset:1118}#about_letters path:nth-child(4){stroke-dasharray:300;stroke-dashoffset:970}#about_letters path:nth-child(5){stroke-dasharray:300;stroke-dashoffset:708}#about_letters path:nth-child(6){stroke-dasharray:300;stroke-dashoffset:970}#about_letters path:nth-child(7){stroke-dasharray:300;stroke-dashoffset:1119}@media only screen and (max-width:800px){.AboutGridLayer{width:100vw;height:200vh;grid-template-columns:6% 88% 6%;grid-template-rows:20% 5% 10% 2.5% 10% 2.5% 50%;grid-gap:1px 1px;gap:1px 1px;grid-template-areas:". . ." "TitleText TitleText TitleText" ". SubTitleText ." ". . ." ". NavBar ." ". . ." "AboutBody AboutBody AboutBody"}.AboutGridLayer>.PageTitle{position:absolute;width:90%;left:50%;top:0;transform:translateX(-50%)}.AboutGridLayer>.PageSubTitle{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:2.4vh}.AboutPageMain{flex-direction:column-reverse;padding:1.3vh;border-radius:1.3vh;background:hsla(0,0%,100%,.5)}.AboutBodyPage{width:100vw;height:100vh;grid-template-columns:5% 90% 5%;grid-template-rows:3% 92% 5%}.AboutText{height:60%;max-height:70%;min-height:33%;width:100%;min-width:100%;max-width:100%;padding-right:0}.AboutTextBody{font-size:16px}}
/*# sourceMappingURL=7.df483c50.chunk.css.map */