body{margin:0;padding:0;font-family:"Montserrat",Tahoma sans-serif}.flex-container{margin-top:.5rem;margin-bottom:.5rem;height:600px;width:100%;display:-webkit-flex;display:flex;overflow:hidden}@media screen and (max-width: 768px){.flex-container{flex-direction:column}}.flex-title{color:#f1f1f1;font-size:3.5rem;margin:auto;text-align:center;transform:rotate(0deg);top:80px;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}@media screen and (max-width: 768px){.flex-title{transform:rotate(0deg) !important}}.flex-about a{border:1px solid #fff;border-radius:1rem;color:#494a50;text-decoration:none;padding:1rem;background-color:#f1f1f1;font-size:1rem}.flex-about a:hover{border:1px solid #fff;border-radius:1rem;color:#494a50;text-decoration:none;padding:1rem;background-color:#fff}.flex-about{background-color:rgba(74,74,74,.4);backdrop-filter:blur(12px);opacity:0;color:#f1f1f1;position:relative;width:70%;font-size:1.5rem;padding:5%;top:15%;border:0px solid rgba(0,0,0,0);border-radius:10px;margin:auto;text-align:left;transform:rotate(0deg);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}@media screen and (max-width: 768px){.flex-about{padding:0;border:0 solid #f1f1f1}}.flex-slide{-webkit-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}@media screen and (max-width: 768px){.flex-slide{overflow:auto;overflow-x:hidden}}@media screen and (max-width: 768px){.flex-slide p{font-size:2em}}@media screen and (max-width: 768px){.flex-slide ul li{font-size:2em}}.flex-slide:hover{-webkit-flex-grow:1.2;flex-grow:1.2}.home{height:100%;background-size:cover;background-position:center center}@media screen and (min-width: 768px){.home{animation:aboutFlexSlide 3s 1;animation-delay:0s}}@keyframes aboutFlexSlide{0%{-webkit-flex-grow:1;flex-grow:1}50%{-webkit-flex-grow:2;flex-grow:2}100%{-webkit-flex-grow:1;flex-grow:1}}@keyframes homeFlextitle{0%{transform:rotate(90deg);top:35%}50%{transform:rotate(0deg);top:35%}100%{transform:rotate(90deg);top:35%}}.flex-about-home{opacity:0}@media screen and (min-width: 768px){.flex-about-home{animation:aboutFlexSlide 3s 1;animation-delay:0s}}@keyframes flexAboutHome{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.about{background-size:cover;background-position:center center;height:100%}.about2{background-size:cover;background-position:center center;height:100%}