html{scroll-behavior:smooth}*{scrollbar-width:auto;scrollbar-color:#f5b041 #fff}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:#fff}*::-webkit-scrollbar-thumb{background-color:#f5b041;border-radius:10px;border:3px solid #fff}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-0.5em;opacity:0}}@keyframes tracking-in-expand{0%{letter-spacing:-0.5em;opacity:0}}body{background:#fff}.header{z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto;background:#fff;color:#000;width:100%;height:79px;position:sticky;top:0;-webkit-box-shadow:0px 0px 13px -7px #000;box-shadow:0px 0px 13px -7px #000}.header a{text-decoration:none;color:#000;padding:30px 50px;background:#fff;-webkit-transition:background .2s;transition:background .2s}.header a:hover{background:#1877f2;color:#fff}.titulo{height:600px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.titulo:before{content:"";display:block;height:3px;width:0%;bottom:0;right:50%;position:absolute;background:#f5b041;-webkit-transition:all .5s;transition:all .5s}.titulo:hover:before{width:100%;right:0}.titulo h1{-ms-flex-negative:1;flex-shrink:1;color:#f5b041;font-family:"Noto serif",cursive;font-size:160px}.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:tracking-in-expand .7s cubic-bezier(0.39, 0.575, 0.565, 1) both}.contenedor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:start;background:#fff;margin-bottom:20px}.section{background:#fff;width:65%;padding:0 30px 30px;border-radius:8px;font-size:18px}.section .article p{font-family:"roboto",sans-serif;line-height:33px}.section .article h2{color:#1877f2;font-family:"Bebas Neue",cursive;font-size:40px;padding:30px 0 0 0}.section .article h4{font-family:"roboto",sans-serif}.sidebar{margin:auto;width:35%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.item{background:#000;position:relative;margin:20px}.item img{opacity:.7;-webkit-transition:all .5s;transition:all .5s}.item img:hover{opacity:1}.item:before{content:"";display:block;height:3px;width:0%;bottom:0;right:50%;position:absolute;background:#1877f2;-webkit-transition:all .5s;transition:all .5s}.item:hover:before{width:100%;right:0}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:200px;width:100%;background:#fff}.footer a{color:#000;padding:30px 30px;margin-left:20px;opacity:.8;font-size:30px}.footer a:hover{opacity:1}.facebook:hover{color:#1877f2}.twitter:hover{color:#1877f2}.github:hover{color:#1877f2}@media screen and (max-width: 1280px){.contenedor{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center}.section{width:100%}.sidebar{-ms-flex-line-pack:center;align-content:center;width:100%}.item{margin-bottom:30px}.audio{margin-top:30px;width:auto;height:auto}}@media screen and (max-width: 1020px){.titulo h1{font-size:140px}}@media screen and (max-width: 900px){.titulo h1{font-size:110px}}@media screen and (max-width: 700px){.titulo h1{font-size:80px}}@media screen and (max-width: 530px){.titulo h1{font-size:60px}.audio{min-height:auto}}@media screen and (max-width: 450px){.audio{font-size:13px}.titulo h1{font-size:50px}}@media screen and (max-width: 400px){.titulo h1{font-size:40px}}/*# sourceMappingURL=index.min.css.map */