:root{--primary:#b40808;--fontColor:#fff;--darkMode:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,h1{font-family:Poppins,sans-serif}h1{font-size:3rem;font-style:normal;font-weight:700}html{scroll-behavior:smooth}.redHighLight{color:#b40808;color:var(--primary)}@media screen and (min-width:768px) and (max-width:1200px){h1{font-family:Poppins,sans-serif;font-size:1.5rem;font-style:normal;font-weight:700}}@media screen and (min-width:300px) and (max-width:767px){h1{font-size:1.5rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{background-color:var(--primary);color:var(--fontColor)}.containers{display:flex;justify-content:flex-end;padding:1rem}.containers p{font-weight:600;margin:1rem}.containers a{color:var(--fontColor);margin-right:3rem;text-decoration:none}.container{background-color:var(--primary);color:var(--fontColor);display:flex}.scroll{flex:0 1 5rem}.content{flex:100 1;padding-top:1.5rem}.scroll p{word-wrap:break-word;font-size:1rem;font-style:normal;font-weight:400;margin-left:2rem;width:1px}.arrow{display:flex;justify-content:center}.grid-container{grid-gap:.5rem;display:grid;grid-template-columns:45% 55%;padding:.5rem .5rem 0}.grid-container>div{font-size:16rem;font-style:normal;font-weight:800;line-height:28.125rem}.item1{text-align:right}.item2{text-align:left}.position{bottom:10rem;left:27rem;position:relative}.description{font-weight:700;margin-left:1.5rem;padding:0 0 5rem}.heroContent div{margin:.2rem}.logo{height:2.5rem;vertical-align:middle;width:2.5rem}.line{border:1px solid var(--fontColor);flex-shrink:0;height:0;margin:0 .4rem!important;width:3rem}.heroContent{align-items:center;display:flex;justify-content:center}@media screen and (min-width:768px) and (max-width:1200px){.scroll{display:none}.grid-container>div{font-size:10rem;line-height:15rem}.position{bottom:6rem;left:17rem}.description{margin-left:.1rem}.socrates{margin:0}}@media screen and (min-width:300px) and (max-width:767px){.scroll{display:none}.grid-container>div{font-size:5rem;line-height:2}.position{bottom:3rem;left:7rem}.description{margin-left:.1rem}.heroContent div:not(.line){font-size:.7rem}}.containerContent{padding:5rem}.containerContent .content{text-align:left}.socratesContent{background-color:var(--primary);color:var(--fontColor);display:flex;padding:5rem 5rem 0}.socrates{height:50rem;width:50rem}.leftContent{text-align:justify}.quoteContent{font-size:2.5rem;font-style:italic;font-weight:500}.referenceQuote{font-size:1.2rem;font-style:normal;font-weight:400;justify-content:flex-end;margin-top:-3rem}.quoteBlock{align-items:flex-end;display:flex;flex-direction:column}.mobSocrates{display:none}@media screen and (min-width:768px) and (max-width:1200px){.socrates{height:25rem;margin-top:20rem;width:25rem}.referenceQuote{font-size:1rem}.quoteContent{font-size:1.5rem}.socratesContent{padding-bottom:5rem}}@media screen and (min-width:768px) and (max-width:1200px) and (orientation:landscape){.socrates{margin:0}}@media screen and (min-width:300px) and (max-width:767px){.socratesContent{flex-direction:column-reverse;padding-bottom:5rem}.socrates{display:none}.mobSocrates{display:block;height:15rem;width:15rem}.referenceQuote{font-size:.8rem;margin-top:.5rem}.quoteContent{font-size:1.1rem}}footer{display:flex;justify-content:space-between;padding:5rem}.footerLogo{height:5rem;margin:0 2rem 0 0;width:5rem}@media screen and (min-width:768px) and (max-width:1200px){.footerLogo{height:3rem;width:3rem}}@media screen and (min-width:300px) and (max-width:767px){.footerLogo{height:1.5rem;margin:0 2rem 1rem 0;width:1.5rem}footer{flex-direction:column;padding:4rem}}
/*# sourceMappingURL=main.67236f8e.css.map*/