.cource,.cource .content .button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#particles-js{position:fixed;z-index:-1;width:100vw;height:100vh}.main-text{width:100%;margin-top:40px}.main-text h2{text-align:center;padding:80px 0 40px;border-bottom:2px solid red;font-size:36px}.cources{width:60%;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2vh;place-content:center center}.cource{min-height:400px;margin-top:40px;border:1px solid #111;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#212121;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.cource .content{width:100%}.cource .content h3{text-align:center;font-size:22px;color:#ff3115;margin-bottom:30px}.cource .content p{text-align:center;color:#fff}.cource .content .button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#969696;height:40px;margin-top:40px}.cource .content .button:hover{background:#ff1542}.cource .content .button a{text-decoration:none;color:#fff;opacity:.7}.cource .content .button a:hover{opacity:1}body,html{margin:0;padding:0}body{font-family:Roboto,sans-serif;background:#dfdfdf}.dark-line,.white-line .contact,.width60{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.button,.center,.dark-line,.hero-text,.menu,.menu .menu-phone ul li,.white-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.center{width:100%}i{color:#ff3115}.width60{width:60%}.dark-line{background:#202020;width:100%;height:35px}.dark-line .welcome{font-size:13px;color:#fff;margin-top:10px}.dark-line .welcome p{display:inline}.dark-line .networks{color:#888;margin:10px 0 0}.white-line{width:100%}.white-line .logo{margin:20px 0 0}.white-line .logo i{font-size:40px}.white-line .logo p{font-size:40px;font-weight:1000;display:inline}.white-line .contact{width:660px}.white-line .contact .telegram i{color:#34abe3!important}.white-line .contact .Us{margin:20px 0 0}.white-line .contact .Us span{font-weight:1000;font-size:19px}.white-line .contact .Us p{position:relative;left:38px}.white-line .contact .Us i{font-size:35px;display:inline}.menu{width:100%;height:60px;margin-top:20px}.menu .menu-phone{width:100%;display:none;margin:0}.menu .menu-phone ul{list-style:none;padding:0;margin:0}.menu .menu-phone ul li{width:100%;height:30px;background:#202020;margin-bottom:10px;list-style-type:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu .menu-phone ul li a{text-decoration:none;color:#fff;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}.menu .menu-phone ul li a span,.menu .menu-phone ul li a:hover{color:#ff3115}@media screen and (max-width:920px){.white-line .contact{display:none}.menu .menu-phone{display:block}}.menu .menu-container{width:60%;background:#202020;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:920px){.menu .menu-container{display:none}}.menu .menu-container a{text-decoration:none;color:#989898;font-size:22px}@media screen and (max-width:1360px){.menu .menu-container a{font-size:16px}}.menu .menu-container a span,.menu .menu-container a:hover{color:#ff3115}.hero-text{width:100%;margin-top:120px;background:#969696}.hero-text h1{text-align:center;font-size:42px;color:#fff}@media screen and (max-width:690px){.hero-text h1{font-size:24px}}figure{display:block;position:absolute}.triangle{border-color:transparent transparent rgba(111,111,111,.8);border-width:0 125px 216px;border-style:solid}.tetrahedron{position:relative;right:20px;margin:20px auto;width:300px;height:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:3s infinite initialrotate;animation:3s infinite initialrotate}.tetrahedron:hover{opacity:.6;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:14s linear infinite hoverrotate;-moz-animation:14s linear infinite hoverrotate}.tetrahedron figure{height:216px}.tetrahedron .front{-webkit-transform:rotatex(19.5deg);transform:rotatex(19.5deg);-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0}.tetrahedron .bottom{-webkit-transform:rotatex(90deg) translatey(-35px) translatez(-96px);transform:rotatex(90deg) translatey(-35px) translatez(-96px);-webkit-transform-origin:0 100% 0;transform-origin:0 100% 0}.tetrahedron .left{-webkit-transform:translatex(0) rotatey(60deg) rotatex(-19.5deg);transform:translatex(0) rotatey(60deg) rotatex(-19.5deg);-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0}.tetrahedron .right{-webkit-transform:translatex(0) rotatey(-60deg) rotatex(-19.5deg);transform:translatex(0) rotatey(-60deg) rotatex(-19.5deg);-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0}@-webkit-keyframes initialrotate{to{-webkit-transform:rotatez(360deg) rotatex(360deg);transform:rotatez(360deg) rotatex(360deg)}}@keyframes initialrotate{to{-webkit-transform:rotateZ(360deg) rotateX(360deg);transform:rotateZ(360deg) rotateX(360deg)}}@-webkit-keyframes hoverrotate{to{-webkit-transform:rotatex(360deg) rotatey(360deg) rotatez(360deg);transform:rotatex(360deg) rotatey(360deg) rotatez(360deg)}}@keyframes hoverrotate{to{-webkit-transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg)}}.button{background:#969696;margin-top:100px;width:100%;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.button a{text-decoration:none;color:#fff;font-size:24px;-webkit-transition:.5s ease-out;transition:.5s ease-out}.button:hover{background:#ff1542}
/*# sourceMappingURL=style.css.map */