{"version":3,"sources":["webpack://src/css/title.css","webpack://src/css/arti.css","webpack://src/css/load.css"],"names":[],"mappings":"AAmMA,WACE,iBAAkB,CAClB,SAAU,CACV,wBAA4B,CAC5B,gBAAiB,CAGjB,YAAa,CAIL,qBAAsB,CAGtB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAGnB,sBAAuB,CAC/B,cACF,CAEA,gBACE,oBACF,CAEA,0BACE,WACE,UACF,CACF,CAEA,gBACE,mBAAoB,CACpB,cACF,CAEA,gBACE,oBAAqB,CACrB,iBAAkB,CAClB,kBAAmB,CACnB,qBAAuB,CACvB,gBAAiB,CACjB,cAAe,CACf,mBACF,CAEA,iBACE,iBAAkB,CAClB,SAAU,CAEV,gBAAiB,CACjB,qBAAsB,CACtB,cAAgB,CAChB,iBAAkB,CAClB,mBACF,CC3DA,cACE,iBAAkB,CAClB,SAAU,CACV,aAAc,CAGd,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAEvB,cAAe,CAGX,6BAA8B,CAG9B,sBACV,CAEA,0BACE,cACE,SACF,CACF,CAEA,wBACE,iBAAkB,CAClB,SAAU,CACV,WAAY,CACZ,eAAmB,CACnB,kBAAmB,CAGnB,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAEvB,4BAA6B,CAGzB,sBACV,CAEA,0BACE,wBACE,UAAW,CAGX,YAAa,CAIL,qBAAsB,CAGtB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAC3B,WAAY,CACZ,gBACF,CACF,CAEA,iCACE,iBAAkB,CAClB,SAAU,CACV,WAAY,CAGZ,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,0BACE,iCACE,UACF,CACF,CAEA,qCACE,iBAAkB,CAClB,UAAW,CACX,WACF,CAEA,0BACE,qCACE,UACF,CACF,CAEA,oCACE,iBAAkB,CAClB,qBAAuB,CACvB,eAAgB,CAChB,WAAY,CACZ,YAAa,CACb,UAAY,CACZ,eAAgB,CAChB,gBAAiB,CAGjB,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,0BACE,oCACE,UAAW,CACX,aACF,CACF,CAEA,4CACE,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,YAAa,CACb,SAAU,CACV,mBAAoB,CACpB,mBAAoB,CACpB,WACF,CAEA,0BACE,4CACE,UACF,CACF,CAEA,kCACE,iBAAkB,CAClB,UAAW,CACX,YAAa,CACb,gBAAiB,CACjB,iBAAkB,CAGlB,YAAa,CAIL,qBAAsB,CAGtB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAGnB,0BAA2B,CAG3B,oBAAqB,CAC7B,SACF,CAEA,0BACE,kCACE,UAAW,CACX,mBAAoB,CACpB,wBAA4B,CAC5B,eACF,CACF,CAEA,wCACE,iBAAkB,CAClB,UAAW,CACX,iBAAkB,CAClB,kBAAmB,CACnB,gBAAiB,CACjB,mBACF,CAEA,0BACE,wCACE,iBAAkB,CAClB,mBACF,CACF,CAEA,wCACE,iBAAkB,CAClB,WAAY,CACZ,UAAW,CACX,gBAAiB,CACjB,iBACF,CAEA,0BACE,wCACE,gBACF,CACF,CAEA,0BACE,wCACE,gBACF,CACF,CAEA,0BACE,wCACE,iBACF,CACF,CAEA,+BACE,iBAAkB,CAClB,QAAY,CACZ,UAAW,CACX,WAAY,CACZ,MAAO,CACP,UAAY,CACZ,cAAe,CACf,qBAAuB,CACvB,kBAAmB,CACnB,UAAY,CACZ,eAAiB,CACjB,QAAS,CAET,+BACF,CAEA,0BACE,+BACE,iBAAkB,CAClB,SAAU,CACV,OAAW,CACX,QAAY,CACZ,aAAc,CACd,cACF,CACF,CAEA,+CACE,QACF,CCnZA,EAEU,qBAAsB,CAC9B,QAAS,CACT,SACF,CAEA,UACE,iBAAkB,CAClB,YAAa,CACb,aAAc,CACd,UAAW,CACX,qBACF,CAEA,oBACE,iBAAkB,CAClB,SAAU,CACV,mBAAoB,CACpB,QAAS,CACT,UACF,CAEA,cACE,oBAAqB,CACrB,UACF,CAEA,cACE,cACF,CAYA,gBACE,GAEU,sBACV,CACA,GAEU,uBACV,CACF,CAcA,qBACE,GACE,SAAU,CACV,SACF,CACA,GACE,SAAU,CACV,MACF,CACF,CA0BA,iBACE,GAEU,uBACV,CACA,IAEU,sBACV,CACA,IAEU,wBACV,CACA,IAEU,sBACV,CACA,GAEU,uBACV,CACF,CAEA,WACE,mBAAoB,CACpB,uEAA4D,CAE5D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,uEAA4D,CAE5D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,yEAA8D,CAE9D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,sEAA2D,CAE3D,eAAmB,CACnB,iBACF,CAEA,WACE,oBAAqB,CACrB,wEAA6D,CAE7D,eAAmB,CACnB,iBACF,CAEA,WACE,qBAAsB,CACtB,kEAAuD,CAEvD,eAAmB,CACnB,iBACF,CAEA,WACE,qBAAsB,CACtB,uEAA4D,CAE5D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,+DAAoD,CAEpD,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,+DAAoD,CAEpD,eAAmB,CACnB,iBACF,CAEA,SACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CAGZ,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,iBACE,cAAe,CACf,SAAU,CACV,WACF,CAEA,gCACE,iBAAkB,CAElB,iBAAkB,CAClB,+BAA+B,CAA/B,qBAA+B,CAC/B,UAAW,CACX,WAAY,CACZ,aAAc,CAGd,mCACF","file":"18.b4e75ee2.chunk.css","sourcesContent":["@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.title_con {\n  position: relative;\n  width: 80%;\n  background-color: whitesmoke;\n  margin: 2rem auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  padding: 1.5rem 1.5rem;\n}\n\n.title_con.true {\n  margin: 0rem auto 1.5rem;\n}\n\n@media (max-width: 1000px) {\n  .title_con {\n    width: 100%;\n  }\n}\n\n.title_con > .heb {\n  font-family: 'OpenB';\n  font-size: 2rem;\n}\n\n.title_con > .eng {\n  font-family: 'credit';\n  font-style: italic;\n  font-weight: Bolder;\n  letter-spacing: -0.5rem;\n  letter-spacing: 0;\n  font-size: 1rem;\n  font-weight: lighter;\n}\n\n.title_con > .text {\n  position: relative;\n  width: 90%;\n  margin: 0 auto;\n  text-align: right;\n  text-align-last: right;\n  margin: 0.5rem 0;\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.articels_con {\n  position: relative;\n  width: 81%;\n  margin: 0 auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n@media (max-width: 1000px) {\n  .articels_con {\n    width: 90%;\n  }\n}\n\n.articels_con > .item_con {\n  position: relative;\n  width: 49%;\n  height: auto;\n  margin: 0 0 4rem 0%;\n  padding: 0 1rem 0 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -ms-flex-pack: distribute;\n      justify-content: space-around;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con {\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-align: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    height: auto;\n    margin: 1rem auto;\n  }\n}\n\n.articels_con > .item_con > .img_con {\n  position: relative;\n  width: 38%;\n  height: auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .img_con {\n    width: 100%;\n  }\n}\n\n.articels_con > .item_con > .img_con > img {\n  position: relative;\n  width: 100%;\n  height: auto;\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .img_con > img {\n    width: 100%;\n  }\n}\n\n.articels_con > .item_con > .number_con {\n  position: relative;\n  background-color: black;\n  min-width: 225px;\n  width: 225px;\n  height: 225px;\n  color: white;\n  overflow: hidden;\n  margin-left: 10px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .number_con {\n    width: 100%;\n    margin-left: 0;\n  }\n}\n\n.articels_con > .item_con > .number_con > .number {\n  position: relative;\n  font-size: 250px;\n  left: -30px;\n  bottom: -15px;\n  padding: 0;\n  font-family: 'Num_2';\n  letter-spacing: -8px;\n  height: 100%;\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .number_con > .number {\n    left: -70px;\n  }\n}\n\n.articels_con > .item_con > .text_con {\n  position: relative;\n  width: 100%;\n  height: 17rem;\n  text-align: right;\n  display: table-row;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: end;\n      -ms-flex-align: end;\n          align-items: flex-end;\n  padding: 0 0 0;\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .text_con {\n    width: 100%;\n    padding: 0 1rem 1rem;\n    background-color: whitesmoke;\n    margin: 0 0 2rem;\n  }\n}\n\n.articels_con > .item_con > .text_con > .name {\n  position: relative;\n  width: 100%;\n  font-size: 1.25rem;\n  font-weight: bolder;\n  text-align: right;\n  font-family: 'OpenB';\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .text_con > .name {\n    font-size: 1.75rem;\n    margin: 1rem 0 0.5rem;\n  }\n}\n\n.articels_con > .item_con > .text_con > .text {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  text-align: right;\n  font-size: 1.25rem;\n}\n\n@media (max-width: 1750px) {\n  .articels_con > .item_con > .text_con > .text {\n    font-size: 1.1rem;\n  }\n}\n\n@media (max-width: 1350px) {\n  .articels_con > .item_con > .text_con > .text {\n    font-size: 0.75rem;\n  }\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .text_con > .text {\n    font-size: 1.15rem;\n  }\n}\n\n.articels_con > .item_con > .btn_2 {\n  position: absolute;\n  bottom: 0rem;\n  width: auto;\n  height: 2rem;\n  left: 0;\n  color: white;\n  font-size: 1rem;\n  padding: 0.15rem 1rem 0;\n  font-weight: bolder;\n  opacity: 0.9;\n  background: black;\n  border: 0;\n  -webkit-transition: all 0.25s ease-in-out;\n  transition: all 0.25s ease-in-out;\n}\n\n@media (max-width: 1000px) {\n  .articels_con > .item_con > .btn_2 {\n    position: relative;\n    width: 50%;\n    right: 0rem;\n    bottom: 0rem;\n    height: 2.5rem;\n    font-size: 1rem;\n  }\n}\n\n.articels_con > .item_con:hover > .text_con > .btn_2 {\n  bottom: 0rem;\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n.LoadCon {\n  position: relative;\n  width: 100%;\n  height: 2rem;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.LoadCon > .Loader {\n  font-size: 1rem;\n  width: 50%;\n  height: 100%;\n}\n\n.LoadCon > .Loader > .Loader_circle {\n  position: relative;\n  border: 0.15rem solid transparent;\n  border-radius: 50%;\n  border-top: 0.15rem solid black;\n  width: 1rem;\n  height: 1rem;\n  margin: 0 auto;\n  -webkit-animation: spin 1.5s linear infinite;\n  /* Safari */\n  animation: spin 1.5s linear infinite;\n}\n"]}