*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--body-backcolor:rgba(48,18,18,.5);--main-container-top-backcolor:#3b1515;--main-container-bottom-backcolor:#3a1515;--navigation-item-backcolor:beige;--navigation-item-backcolor-hover:#6d0ee9;--navigation-item-forecolor:#4d69e4;--navigation-item-forecolor-hover:#fff;--navigation-current-page-after-backcolor:#b94bb9;--main-link-forecolor:#56c2e3;--main-link-hover-forecolor:#6ad6f7;--footer-color:#301212;--section-background:#6472c1;--section-boxes:#606792;--section-margin:#2b304d;--white:#fff;--black:#000;--blue:#00f;--red:red;--yellow:#ff0;--max-width-page:1280px}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}img{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding-left:0;list-style:none}a{text-decoration:none}pre code{border:1px solid #999;padding:20px;display:block}.main-container a:hover{color:var(--main-link-hover-forecolor)}body{background:var(--body-backcolor);color:#2d2e30;margin:auto;font-family:Helvetica Neue,Roboto,Verdana,Tahoma,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.5}.text{color:#fff;padding:20px 20px 40px;font-size:18px}.text p{padding:5px 0}h2,h3{margin-top:10px}.unnumbered-list-container{list-style:square inside}.unnumbered-list-container ul{padding-left:20px;list-style:circle inside}.numbered-list-container{list-style:decimal inside}.example{color:#ff0}.example-theory{justify-content:space-between;gap:40px;margin-bottom:20px;display:flex}.example-theory-pre{max-width:600px;border:2px dashed #f0e3e3;padding:5px;display:flex;overflow:auto}.example-practice{flex-direction:column;align-items:center;display:flex}.grow_up-img-s1a8,.grow_up-img{transition:width 2s,height 2s,transform 2s}.grow_up-img:hover{width:50%;height:50%}.grow_up-img-bigger{transition:width 2s,height 2s,transform 2s}.grow_up-img-bigger:hover{width:70%;height:70%}.menu-sticky{width:var(--max-width-page);text-align:center;text-transform:uppercase;z-index:9000;margin:auto;position:sticky;top:-1px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)}.nav-list-container{background-color:rgba(0,0,0,0);flex-wrap:wrap;justify-content:start;gap:0 5px;padding:10px 30px 20px;display:flex}.nav-list-container a{color:var(--navigation-item-forecolor);background-color:var(--navigation-item-backcolor);gap:10px;margin:10px auto;padding:10px;font-size:14px;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 1px 3px rgba(0,0,0,.12)}.nav-list-container a:hover{color:var(--navigation-item-forecolor-hover);background-color:var(--navigation-item-backcolor-hover)}.current-page:after{content:"";width:100%;height:4px;background-color:var(--navigation-current-page-after-backcolor);border-radius:2px;position:absolute;bottom:-4px;left:0}.this-page-menu{text-align:left;text-transform:none;width:max-content;font-size:12px;position:absolute;top:20px;left:1300px}.this-page-menu a,.this-page-menu a:visited{color:#000}.this-page-menu a:active{color:var(--navigation-item-backcolor-hover)}.this-page-menu li{transition:transform .3s ease-in-out;transform:scale(1)}.this-page-menu li:hover{transform:scale(1.1)}.main-container{width:var(--max-width-page);background-image:linear-gradient(to bottom,var(--main-container-top-backcolor),var(--main-container-bottom-backcolor));margin:auto}.main-container a{color:var(--main-link-forecolor);transition:color .75s cubic-bezier(.4,0,.2,1)}.footer{width:var(--max-width-page);text-align:center;background-color:var(--footer-color);color:var(--white);text-shadow:2px 2px 8px var(--white);flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:auto;padding:15px 10px;display:flex;box-shadow:inset 0 2px 1px -1px rgba(255,255,255,.2),0 1px 1px rgba(255,255,255,.14),0 1px 3px rgba(255,253,253,.12)}.footer-logo{width:32px;flex-flow:column;align-items:center;display:flex}.footer-date{color:var(--black);text-shadow:none;align-self:flex-end}.footer-hidden{display:none}.footer-animation{opacity:0;animation-name:footer-animation;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards;display:flex}@keyframes footer-animation{0%{opacity:.4;transform:translate(-1500px)}20%{opacity:.8}30%{opacity:.8;transform:translate(-150px)}40%{opacity:1;transform:perspective(400px)rotateY(60deg)}60%{transform:translate(0)}70%{transform:rotate(125deg)}80%{transform:scale(2)}to{opacity:1;transform:rotate(0deg)}}
/*# sourceMappingURL=index.066807ea.css.map */