{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAKA;EAGE,mBAAkB;EAClB,kBAAiB;EACjB,oBAAmB;EACnB,oBAAmB;EACnB,0BAAyB;EACzB,eAPe;EASf,kCAAyB;EAAzB,0BAAyB,EAsB1B;EAhCD;IAaI,WAAU,EACX;EAdH;IAiBI,YAAW;IACX,sBAAqB;IACrB,SAAQ;IACR,UAAS;IACT,iBAAgB;IAChB,mBAAkB;IAClB,mCAAkC;IAClC,oCAAmC;IACnC,8BAxBa,EAyBd;EA1BH;;IA8BI,eA7Ba,EA8Bd;;AAOH;;;;;EAKE,wBAAuB;EACvB,0BAAyB;EACzB,iDAAqC;UAArC,yCAAqC,EACtC;;AAED;;EAEE,iBAAgB;EAChB,UAAS,EACV;;AAMD;EAGI,uBAAsB,EAUvB;EAbH;IAMM,wBAAuB,EACxB;EAPL;IAUM,sBAAqB;IACrB,oCAA2B;IAA3B,4BAA2B,EAC5B;;AAZL;EAgBI,mBAAkB,EACnB;;AAjBH;EAmBmB,sCAA6B;UAA7B,8BAA6B;EAAE,YAAW;EAAE,cAAa,EAAI;;AAnBhF;EAoBmB,sCAA6B;UAA7B,8BAA6B;EAAE,aAAY;EAAE,aAAY,EAAI;;AApBhF;EAqBmB,sCAA6B;UAA7B,8BAA6B;EAAE,WAAU;EAAE,cAAa,EAAI;;AArB/E;EAsBmB,sCAA6B;UAA7B,8BAA6B;EAAE,aAAY;EAAE,cAAa,EAAI;;AAtBjF;EAuBmB,sCAA6B;UAA7B,8BAA6B;EAAE,aAAY;EAAE,cAAa,EAAI;;AAvBjF;EAwBmB,sCAA6B;UAA7B,8BAA6B;EAAE,YAAW;EAAE,cAAa,EAAI;;AAxBhF;EAyBmB,sCAA6B;UAA7B,8BAA6B;EAAE,aAAY;EAAE,cAAa,EAAI;;AAzBjF;EA0BmB,sCAA6B;UAA7B,8BAA6B;EAAE,YAAW;EAAE,cAAa,EAAI;;AA1BhF;EA2BmB,sCAA6B;UAA7B,8BAA6B;EAAE,WAAU;EAAE,cAAa,EAAI;;AAI/E;EACE;IAAO,uDAA8C;YAA9C,+CAA8C,EAAA;EACrD;IAAO,oDAA2C;YAA3C,4CAA2C,EAAA;EAClD;IAAO,uDAA8C;YAA9C,+CAA8C,EAAA,EAAA;;AAHvD;EACE;IAAO,uDAA8C;YAA9C,+CAA8C,EAAA;EACrD;IAAO,oDAA2C;YAA3C,4CAA2C,EAAA;EAClD;IAAO,uDAA8C;YAA9C,+CAA8C,EAAA,EAAA;;AAOvD;EACE;;IAGI,cAAa,EACd,EAAA","file":"style.css","sourcesContent":["\n\n//----------------------------------------------------/\n// The block number above each block\n//----------------------------------------------------/\n.block-number {\n  $color: #191919;\n\n  text-align: center;\n  font-weight: bold;\n  font-size: 0.8125em;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: $color;\n  //opacity: 0.8;\n  transition: 0.3s ease-out;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  &::after {\n    content: '';\n    display: inline-block;\n    width: 0;\n    height: 0;\n    margin-left: 6px;\n    margin-bottom: 2px;\n    border-left: 3px solid transparent;\n    border-right: 3px solid transparent;\n    border-top: 3px solid $color;\n  }\n\n  a:hover,\n  a:focus {\n    color: $color;\n  }\n}\n\n\n//----------------------------------------------------/\n// Make some change to components in demo\n//----------------------------------------------------/\n.demo-section .main-content .section,\n.demo-topbar .main-content .topbar,\n.demo-navbar .main-content .navbar,\n.demo-header .main-content .header,\n.demo-footer .main-content .footer {\n  margin: 30px 20px 100px;\n  border: 1px solid #f5f6f7;\n  box-shadow: 0 0 15px rgba(0,0,0,0.05);\n}\n\n.demo-topbar .main-content .topbar,\n.demo-navbar .main-content .navbar {\n  position: static;\n  margin: 0;\n}\n\n\n//----------------------------------------------------/\n// Index cover\n//----------------------------------------------------/\n.sample-blocks {\n\n  img {\n    border-radius: 0.25rem;\n\n    &.aos-animate {\n      opacity: 0.5 !important;\n    }\n\n    &:hover {\n      opacity: 1 !important;\n      transition: 0.7s !important;\n    }\n  }\n\n  a {\n    position: absolute;\n  }\n\n  a:nth-child(1) { animation: wobble 4s infinite; right: 15px; bottom: -20px; }\n  a:nth-child(2) { animation: wobble 8s infinite; right: 320px; bottom: 30px; }\n  a:nth-child(3) { animation: wobble 5s infinite; right: 0px; bottom: 190px; }\n  a:nth-child(4) { animation: wobble 6s infinite; right: 280px; bottom: 180px; }\n  a:nth-child(5) { animation: wobble 9s infinite; right: 270px; bottom: 320px; }\n  a:nth-child(6) { animation: wobble 7s infinite; right: 20px; bottom: 370px; }\n  a:nth-child(7) { animation: wobble 5s infinite; right: 200px; bottom: 470px; }\n  a:nth-child(8) { animation: wobble 8s infinite; right: 10px; bottom: 470px; }\n  a:nth-child(9) { animation: wobble 9s infinite; right: 0px; bottom: 570px; }\n\n}\n\n@keyframes wobble {\n  0%   { transform: rotate(-1deg) translate(-5px, -5px); }\n  50%  { transform: rotate(1deg) translate(5px, 5px); }\n  100% { transform: rotate(-1deg) translate(-5px, -5px); }\n}\n\n\n//----------------------------------------------------/\n// Footer responsive\n//----------------------------------------------------/\n@media (max-width: 400px) {\n  body > .footer {\n    .social a:last-child,\n    .nav a:last-child {\n      display: none;\n    }\n  }\n}\n\n"]}