.animate-on-scroll{opacity:0;visibility:hidden;transform:translateY(20px);will-change:opacity,transform}.animate-on-scroll.animated{opacity:1;visibility:visible;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in-down{animation:fadeInDown .6s ease-out forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in-left{animation:fadeInLeft .6s ease-out forwards}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in-right{animation:fadeInRight .6s ease-out forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoom-in{animation:zoomIn .6s ease-out forwards}@keyframes zoomInUp{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.zoom-in-up{animation:zoomInUp .6s ease-out forwards}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-up{animation:slideInUp .6s ease-out forwards}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .6s ease-out forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .6s ease-out forwards}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}.rotate-in{animation:rotateIn .6s ease-out forwards}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(-90deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}.flip-in-x{animation:flipInX .6s ease-out forwards}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(-90deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}.flip-in-y{animation:flipInY .6s ease-out forwards}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:bounceIn .8s ease-out forwards}@keyframes bounceInUp{0%{opacity:0;transform:translateY(100px)}60%{opacity:1;transform:translateY(-20px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}.bounce-in-up{animation:bounceInUp .8s ease-out forwards}@keyframes blurIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.blur-in{animation:blurIn .6s ease-out forwards}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.fade-in-up-big{animation:fadeInUpBig .8s ease-out forwards}@keyframes scaleRotate{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.scale-rotate{animation:scaleRotate .8s ease-out forwards}@font-face{font-family:Quantico;src:url(/fonts/Quantico-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Quantico;src:url(/fonts/Quantico-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Quantico;src:url(/fonts/Quantico-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Quantico;src:url(/fonts/Quantico-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{height:100%;font-family:Quantico,sans-serif;background-color:#fff;color:#fff;margin:0;padding:0;background-image:url(/img/Background.svg);background-position:center;background-repeat:no-repeat;background-size:cover}app-root{display:flex;align-items:center;height:100vh}app-topbar{position:absolute;left:172px;height:62px;width:80%}@media (max-width: 1580px){app-topbar{width:75%}}@media (max-width: 1280px),(max-height: 900px){html,body{scroll-margin-top:96px!important}}