@font-face{font-family:main-font;src:url(/assets/font/font.woff2) format("woff2"),url(/assets/font/font.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:main-font,sans-serif;font-weight:700;margin:0;padding:0}.main-screen{position:relative;height:300vh}.main-screen .main-item{position:fixed;left:calc(50vw - 435px);overflow:hidden;top:0;width:870px;height:100vh}.row{display:flex;flex-wrap:wrap}.col-auto{flex:0 0 auto;width:auto}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.triangles-container{position:relative;margin-top:calc(50vh - 352px)}.triangle{position:absolute}.triangle-01{top:0;left:450px}.triangle-10{top:142px;left:90px}.triangle-11{top:142px;left:180px}.triangle-12{top:142px;left:270px}.triangle-13{top:142px;left:360px}.triangle-14{top:142px;left:450px}.triangle-15{top:142px;left:540px}.triangle-16{top:142px;left:630px}.triangle-17{top:142px;left:720px}.triangle-20{top:285px;left:0}.triangle-21{top:285px;left:90px}.triangle-22{top:285px;left:180px}.triangle-23{top:285px;left:270px}.triangle-24{top:285px;left:360px}.triangle-25{top:285px;left:450px}.triangle-26{top:285px;left:540px}.triangle-27{top:285px;left:630px}.triangle-30{top:428px;left:0}.triangle-31{top:428px;left:90px}.triangle-32{top:428px;left:180px}.triangle-33{top:428px;left:360px}.triangle-34{top:428px;left:540px}.triangle-35{top:428px;left:630px}.triangle-36{top:428px;left:720px}.triangle-40{top:570px;left:540px}.logo{transition:top .5s,left .5s}.logo.start-logo{top:0;left:45px;transition:top .5s 2s,left .5s 2s}.logo-text{transition:top .5s,left .5s;top:420px;left:280px;position:absolute;font-size:10px}.logo-text.start-logo{top:135px;left:55px;transition:top .5s 2s,left .5s 2s}.word{margin-top:100vh;line-height:75px}.word-1.start-word{margin-top:0;transition:margin-top .5s 2s}.word-2.start-word{margin-top:0;transition:margin-top .5s 2.5s}.word-3.start-word{margin-top:0;transition:margin-top .5s 3s}.word-4.start-word{margin-top:0;transition:margin-top .5s 3.5s}.word-5.start-word{margin-top:0;transition:margin-top .5s 4s}.contact{margin-top:100vh;padding-left:55px;font-size:10px;position:relative;z-index:1;max-width:400px}.contact.start-word{margin-top:30px;transition:margin-top .5s 4.5s}.contact a{text-decoration:none!important;color:#000;cursor:pointer;transition:padding-left .2s}.contact a:hover{padding-left:5px}.scroll-animation-box{position:fixed;left:calc(50% - 15px);animation:scroll-down 3s infinite}.scroll-animation-box svg{width:30px;height:30px}@keyframes scroll-down{0%{opacity:0;bottom:45px}50%{opacity:1}to{opacity:0;bottom:30px}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.text-background{font-size:60px;font-weight:700;background-image:url(/assets/img/stone-wall-texture.jpg);background-repeat:repeat;background-size:150% 150%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;padding-top:240px;height:375px;padding-left:45px;--angle: 0deg;animation:rotateBackground 10s linear infinite;background-position:calc(50% + 25%*cos(var(--angle))) calc(50% + 25%*sin(var(--angle)))}@keyframes rotateBackground{0%{--angle: 0deg}to{--angle: 360deg}}svg{width:150px;height:auto;transition:transform .8s ease-in-out}.rotate{transform:rotate(180deg)}.blinking{animation:blink 2s infinite alternate}.moving{animation:blink 1s 1 alternate,moveUp 1s forwards}.moving.rotate{animation:blink 1s 1 alternate,moveDown 1s forwards}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes moveDown{0%{margin-top:0}to{margin-top:100vh}}@media (max-width: 900px){.logo.start-logo{left:270px}.text-background{padding-left:270px;font-size:50px}.logo-text.start-logo{left:280px}.contact{padding-left:280px;max-width:325px}}
