@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}:root{--bg-color:#fff;--bg-header:#f7f9ff;--text-color-header:#1d1f29;--text-color:#63687d;--button-text-color:#848bab;--button-color-bg:#aeb3cb;--switcher-color:#f1f3fa;--accent-color:#696edd;transition:background-color .3s ease,color .3s ease}[data-theme=dark]{--bg-color:#1d1f29;--bg-header:#20222f;--text-color-header:#fff;--text-color:#8c98c6;--button-text-color:#8c98c6;--button-color-bg:linear-gradient(194deg,#40db82,#388fe7 83%);--switcher-color:#252b42;--accent-color:#a2a7f0}body{background-color:#fff;background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}body,body p{color:#63687d;color:var(--text-color)}body p{font-size:14px;font-weight:700}body header{align-items:flex-start;background-color:#f7f9ff;background-color:var(--bg-header);border-radius:0 0 20px 20px;display:flex;height:244px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:100%}@media(max-width:500px){body header{height:235px}}body header>div{align-items:center;display:flex;justify-content:space-between;margin-top:2rem;width:77.08%}@media(max-width:1200px){body header>div{width:95%}}@media(max-width:765px){body header>div{width:90%}}@media(max-width:500px){body header>div{align-items:flex-start;flex-direction:column;width:86.93%}}body header .left h3{color:#1d1f29;color:var(--text-color-header);font-size:28px;font-weight:700;transition:background-color .2s ease,color .2s ease}@media(max-width:500px){body header .left h3{font-size:24px;margin-bottom:4px}}@media(max-width:320px){body header .left h3{font-size:20px}}@media(max-width:500px){body header .left{margin-bottom:24px}}body header .right{align-items:center;display:flex;justify-content:space-between}@media(max-width:500px){body header .right{border-top:1px solid #848bab;border-top:1px solid var(--button-text-color);padding:16px 0 0;width:100%}}body header .right p{color:#848bab;color:var(--button-text-color);transition:background-color .2s ease,color .2s ease}body header .right button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;height:24px;margin-left:13px;transition:all .2s ease-in;width:48px}body header .right button span{background-color:#f1f3fa;background-color:var(--switcher-color);border-radius:50%;height:18px;transition:all .2s ease-in;width:18px}body header .right button.dark{background:linear-gradient(194deg,#40db82,#388fe7 83%)}body header .right button.dark span{transform:translateX(3px)}body header .right button.light{background-color:#aeb3cb}body header .right button.light span{transform:translateX(27px)}body main{align-items:center;display:flex;flex-direction:column;justify-content:center}body main .up{color:#1eb589}body main .down{color:#dc414c}body main .top{position:absolute;top:136px;width:77.08%}@media(max-width:1200px){body main .top{width:95%}}@media(max-width:765px){body main .top{width:90%}}@media(max-width:500px){body main .top{top:191px}}body main .top ul{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){body main .top ul{gap:.5rem}}@media(max-width:765px){body main .top ul{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){body main .top ul{gap:1.5rem;grid-template-columns:repeat(1,1fr)}}body main .top ul li{background-color:#f1f3fa;background-color:var(--switcher-color);border-radius:5px;color:#fff;list-style:none;text-align:center;transition:background-color .3s ease,color .3s ease}body main .top ul li>div{align-items:center;display:flex;justify-content:center;margin-top:2rem}body main .top ul li>div img{margin-right:4px}body main .top ul li>div p{color:#63687d;color:var(--text-color);font-size:12px;font-weight:700;transition:background-color .2s ease,color .2s ease}body main .top ul li h2{align-items:center;color:#1d1f29;color:var(--text-color-header);display:flex;flex-direction:column;font-size:56px;font-weight:700;justify-content:center;letter-spacing:-2px;line-height:48px;margin:28px 0 25px;text-align:center;transition:background-color .3s ease,color .3s ease}body main .top ul li h2 span{color:#63687d;color:var(--text-color);font-size:12px;font-weight:300;letter-spacing:5px;line-height:normal;margin-left:11px;margin-top:9px;text-align:center;text-transform:uppercase}body main .top ul li>p{align-items:center;display:flex;font-size:12px;font-weight:700;justify-content:center;margin-bottom:24px}body main .top ul li>p img{margin-right:4px}body main .top ul li.facebook{border-top:4px solid #178ff5}body main .top ul li.twitter{border-top:4px solid #1da1f2}body main .top ul li.instagram{overflow:hidden;position:relative}body main .top ul li.instagram:before{background:linear-gradient(90deg,#fdc468,#df4996);content:"";height:4px;left:0;position:absolute;top:0;width:100%}body main .top ul li.youtube{border-top:4px solid #c4032b}body main .bottom{margin:10rem 0 4rem;width:77.08%}@media(max-width:1200px){body main .bottom{width:95%}}@media(max-width:765px){body main .bottom{margin:calc(22rem + 10vw) 0 4rem;width:90%}}@media(max-width:500px){body main .bottom{margin:clamp(59rem,76vh,66rem) 0 4rem}}body main .bottom h3{color:#63687d;color:var(--text-color);font-size:24px;font-weight:700;margin-bottom:2rem;transition:background-color .2s ease,color .2s ease}body main .bottom ul{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){body main .bottom ul{gap:.5rem}}@media(max-width:765px){body main .bottom ul{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){body main .bottom ul{grid-template-columns:repeat(1,1fr)}}body main .bottom ul li{align-items:center;background-color:#f1f3fa;background-color:var(--switcher-color);border-radius:5px;display:flex;flex-direction:column;height:125px;justify-content:space-between;list-style:none;padding:24px 31px 24px 24px;transition:background-color .2s ease,color .2s ease}@media(max-width:765px){body main .bottom ul li{padding:1.25rem 1rem}}@media(max-width:500px){body main .bottom ul li{padding:24px 31px 24px 24px}}body main .bottom ul li>div{align-items:center;display:flex;justify-content:space-between;width:100%}body main .bottom ul li>div h5{font-size:14px}body main .bottom ul li>div h2{color:#1d1f29;color:var(--text-color-header);font-size:32px;transition:background-color .2s ease,color .2s ease}body main .bottom ul li>div:first-child{margin-bottom:1.25rem}body main .bottom ul li>div p{align-items:center;display:flex;font-size:12px}body main .bottom ul li>div p img{margin-right:3px}
/*# sourceMappingURL=main.c155669e.css.map*/