@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,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) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.slider-container{width:100%}.slider-image{height:auto;width:100%}.title-area{font-size:20px;font-weight:700;margin:0 0 20px}.container-body{display:flex;flex-wrap:wrap}.column-body{display:flex;flex-direction:column;padding:10px}.kuliah{flex:3 1}.etv{flex:1 1}.cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{background:#fff;border-radius:8px;height:300px;overflow:hidden;position:relative;width:100%}.card-image img{height:80px;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;height:190px;justify-content:space-between;padding:20px}.card-header{flex-grow:1}.card-header h3{font-size:16px;font-weight:700;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header .date{color:#7a1777;font-size:14px;margin:5px 0}.card-header .mosque-name{color:grey;font-size:12px;font-weight:100;margin:0;max-width:200px}.card-header .ustaz-name{font-weight:500}.card-footer{align-items:center;bottom:0;display:flex;position:relative}.card-footer .subject{background-color:#7a1777;border-radius:8px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px}.card-footer .title{flex-grow:1;font-size:12px;margin-left:8px}.avatar-wrapper{align-items:center;background:#fff;border-radius:50%;display:flex;height:78px;justify-content:center;position:absolute;right:20px;top:30px;width:78px}.avatar{border-radius:50%;height:74px;overflow:hidden;width:74px}.avatar img{height:100%;object-fit:cover;width:100%}.cards-etv-container{display:flex;flex-direction:column;gap:5px}.card-etv{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:5px;overflow:hidden;position:relative;transition:transform .2s ease-in-out}.card-etv:hover{transform:scale(1.05)}.image-container{overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.image-etv{object-fit:fill}.image-etv,.overlay{height:100%;left:0;position:absolute;top:0;width:100%}.overlay{word-wrap:break-word;align-items:center;background:#00000080;color:#fff;display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;justify-content:center;line-height:1.4;opacity:0;overflow-wrap:break-word;text-align:center;transition:opacity .3s ease-in-out;white-space:normal}.card-etv:hover .overlay{opacity:1}.content{color:#000;flex:1 1;font-size:14px;padding:0 15px}@media (max-width:1200px){.content{padding:10px;text-align:start}.column-body{flex:1 1 100%}.kuliah{order:1}.etv{order:2}.cards-container{gap:10px;grid-template-columns:1fr 1fr 1fr}.cards-etv-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.cards-container{grid-template-columns:1fr 1fr}.card{height:350px}.card-content{height:220px;padding:20px 10px}.cards-etv-container{grid-template-columns:repeat(2,1fr)}}.countdown-container{display:flex;gap:5px;margin:0 0 0 10px}.countdown-box,.next-prayer-container{align-items:center;display:flex}.countdown-box{background-color:#7a1777;border-radius:5px;color:#fff;font-size:14px;font-weight:600;height:20px;justify-content:center;width:20px}.prayer-times-container{display:flex;flex-wrap:wrap}.prayer-times-item:hover{background-color:#fcfcfc}.prayer-times-item{border-right:1px solid #ccc;flex:1 1 100%;padding-left:15px}.prayer-times-item:last-child{border-right:none}.current-prayer{color:#7a1777;font-weight:700}.search-container{border-radius:5px;flex-direction:column;overflow:visible;padding:10px 0;position:relative;z-index:1000}.search-container,.search-input-close{align-items:center;display:flex;width:100%}.search-input-close{justify-content:center}.search-input{margin-right:10px;padding:10px}.search-input,.zones-list-container{border:1px solid #ccc;border-radius:5px;width:80%}.zones-list-container{background:#fff;display:none;left:7.4%;max-height:150px;overflow-y:auto;position:absolute;top:50px;z-index:1000}.zones-list-container.show{display:block}.state-title{background-color:#f0f0f0;border-radius:3px;font-weight:700;margin-bottom:5px;padding:5px}.zone-list{list-style:none;margin:0;padding-left:0}.zone-list li{cursor:pointer;padding:5px;transition:background-color .3s}.zone-list li:hover{background-color:#e0e0e0}.close-button{background-color:#7a1777;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.close-button:hover{background-color:#9a1999}.icon-right{margin:3px 5px 0 0;transition:transform .3s ease}.icon-right:hover{transform:translateX(5px)}.icon-container{align-items:center;cursor:pointer;display:flex}.icon-container:hover{color:#000;font-weight:bolder}@media (max-width:450px){.prayer-times-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.prayer-times-item{border-right:none!important;padding-left:0}.prayer-times-name{font-size:12px}.info-container{color:grey;display:flex;flex-direction:column;font-size:14px;justify-content:center;padding:15px}.next-prayer-container{padding:10px 0 0}}.hairline{border:none;border-top:1px solid #ccc;margin:10px 0}.mosque-container{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:10px;scrollbar-width:none}.mosque-container::-webkit-scrollbar{display:none}.mosque-card{align-items:center;border:1px solid #ccc;border-radius:20px;cursor:grab;display:flex;flex-shrink:0;padding:5px 10px;white-space:nowrap}.mosque-card:active{cursor:grabbing}.mosque-image{border-radius:50%;height:30px;margin-right:10px;width:30px}.mosque-name{font-size:14px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.more-button,.mosque-name{font-weight:700;white-space:nowrap}.more-button{background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#000;cursor:pointer;flex-shrink:0;height:40px;padding:0 20px;transition:background-color .3s,border-color .3s}.more-button:hover{background-color:#7a1777;border-color:#7a1777;color:#fff}.main-container{margin:0 auto;width:70%}@media (max-width:768px){.main-container{width:100%}}.about-top{margin:0 auto;padding-top:80px;width:70%}.menu-title{color:#999;cursor:pointer;font-size:16px}.menu-title:hover{color:#333;font-size:17px;font-weight:700}.icon-close{cursor:pointer}.icon-close:hover{color:#7a1777;font-size:large}.top-menu{align-items:center;background:#f8f8f8;display:flex;justify-content:space-between;margin-left:10px;padding:10px 20px}.top-menu ul{display:flex;list-style:none;margin:0;padding:0}.top-menu li{margin-right:20px}.top-menu a{color:#333;text-decoration:none}.top-menu a:hover{font-weight:700}.top-buttons button{background-color:#f8f8f8;border:none;cursor:pointer}.top-buttons button:hover{background-color:#acacac}.navbar-brand img{width:70%}.navbar-toggler{display:none}.navbar-nav{display:flex;list-style-type:none;margin:0;padding:0}.nav-item{margin-left:15px}.nav-link{color:#000;text-decoration:none}.main{margin-top:76px;padding:0 20px}.pengenalan-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:50px}.pengenalan-atas,.pengenalan-masjid{display:flex}.mula-container{display:flex;padding:70px 0 0}.ciri-container{align-items:center;display:flex;justify-content:center;padding-top:70px}.pengenalan-kiri{flex:1 1}.pengenalan-kanan{flex:1 1;text-align:center}.pengenalan-bawah{padding-top:40px;text-align:center}.pengenalan-masjid-bawah{flex:1 1;text-align:center}.pengenalan-masjid-bawah h2{margin-top:0}.pengenalan-masjid-bawah span{margin:0 20px}.img-jemaah,.img-masjid{width:70%}.fixed-button{bottom:20px;position:fixed;right:20px;z-index:1000}.fixed-button button{background-color:#7a1777;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.fixed-button button:hover{background-color:#9a1999}.img-konsep{width:400px}.ciri-kanan,.ciri-kiri{flex:1 1;flex-direction:column}.ciri-kanan{margin:0 20px}.kos-container{display:flex;flex-direction:column;padding-top:60px}.kos-head{padding:0 40px;text-align:center}.kos-etikaf{align-items:center;display:flex;justify-content:center}.sistem-etikaf{background-color:#e8e8e8;border-bottom-left-radius:50px;border-top-left-radius:50px}.sistem-etikaf,.tv-etikaf{padding:40px;text-align:center}.tv-etikaf{background-color:#7a1777;border-bottom-right-radius:50px;border-top-right-radius:50px;color:#fff}.ciri-kanan{padding:0;text-align:center}.kos-harga{font-size:18px;font-weight:400}.ciri-icon{border:1px solid #ccc;padding:20px;width:100%}.ciri-icon h4,.ciri-icon p{margin:0;padding:0}.sub-kos{margin:0 20px}.mula-kanan button{font-size:18px;height:auto;margin-top:40px;padding:10px 40px}button{background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#000;cursor:pointer;font-weight:700;height:40px;padding:0 30px;transition:background-color .3s,border-color .3s}button:hover{background-color:#7a1777;color:#fff}@media (max-width:768px){.about-top{padding-top:90px;width:100%}.menu-title{font-size:14px}.top-menu li{margin-right:0!important}.icon-close{margin:0 10px}.ciri-container,.kos-etikaf,.mula-container,.pengenalan-atas,.pengenalan-masjid{flex-direction:column;padding:40px 10px}.mula-kiri{display:flex;justify-content:center}.mula-kanan{text-align:center}.top-buttons button{margin-right:1px!important;padding-left:10px}.pengenalan-container{padding-top:10px}.pengenalan-masjid{padding:10px}.img-jemaah,.img-konsep,.img-masjid,.img-mula,.pengenalan-masjid-bawah{width:300px}.ciri-icon{width:100%}.ciri-kanan{margin:10px;width:100%}.pengenalan-container{padding:10px!important}.top-menu{padding:0}.sistem-etikaf{border-bottom-left-radius:0;border-top-left-radius:50px;border-top-right-radius:50px}.tv-etikaf{border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-right-radius:0}.fixed-button{bottom:10px;right:10px}}.etv-lite__hero img{display:block;margin-bottom:20px;width:100%}#etv-lite{--etv-text:var(--text,#0f172a);--etv-muted:var(--muted,#5b6471);--etv-border:var(--border,#0f172a14);--etv-card:var(--card,#fff);--etv-max:1080px;--etv-radius:16px;--etv-shadow:0 10px 30px #0f172a14;--etv-icon-bg:#eef2ff;--etv-accent:#2563eb;color:var(--etv-text)}#etv-lite .etv-lite__blocks,#etv-lite .etv-lite__cta,#etv-lite .etv-lite__hero{margin:0 auto;max-width:var(--etv-max);padding:0}#etv-lite .etv-lite__hero{padding:36px 16px 8px;text-align:left}#etv-lite .etv-lite__hero h1{font-size:clamp(26px,4vw,40px);letter-spacing:-.02em;margin:0 0 8px}#etv-lite .etv-lite__hero p{color:var(--etv-muted);line-height:1.6;margin:0;max-width:820px}#etv-lite .etv-lite__blocks{grid-gap:16px;display:grid;gap:16px;margin-top:16px}#etv-lite .etv-lite__block{align-items:center;background:var(--etv-card);border:1px solid var(--etv-border);border-radius:var(--etv-radius);box-shadow:var(--etv-shadow);display:flex;flex-direction:column;justify-content:center;padding:clamp(14px,2.2vw,22px);text-align:center}#etv-lite .etv-lite__block.is-flip{grid-template-columns:1fr 1.1fr}#etv-lite .etv-lite__block.is-flip .etv-lite__media{order:2}#etv-lite .etv-lite__block.is-flip .etv-lite__text{order:1}#etv-lite .etv-lite__frame{aspect-ratio:16/9;background:#f6f7fb;border:1px dashed #0f172a2e;border-radius:12px;display:grid;overflow:hidden;place-items:center;position:relative}#etv-lite .etv-lite__frame img{display:block;height:100%;object-fit:cover;width:100%}#etv-lite .etv-lite__frame.is-empty .etv-lite__frame-fallback{display:block}#etv-lite .etv-lite__frame-fallback{color:var(--etv-muted);display:none;font-size:14px}#etv-lite .etv-lite__text{padding:4px}#etv-lite .etv-lite__icon{background:var(--etv-icon-bg);border-radius:10px;color:var(--etv-accent);display:inline-grid;font-size:18px;height:42px;margin-bottom:8px;place-items:center;width:42px}#etv-lite .etv-lite__title{font-size:clamp(20px,2.4vw,28px);letter-spacing:-.01em;margin:0 0 6px}#etv-lite .etv-lite__desc{color:var(--etv-muted);line-height:1.65;margin:0}#etv-lite .etv-lite__cta{margin:22px auto 48px;padding:18px;text-align:center}#etv-lite .etv-lite__cta h3{font-size:clamp(20px,2.2vw,26px);margin:0 0 6px}#etv-lite .etv-lite__cta p{color:var(--etv-muted);margin:0 0 14px}#etv-lite .etv-lite__btn{align-items:center;background:var(--etv-accent);border-radius:10px;box-shadow:0 8px 22px #2563eb40;color:#fff;display:inline-flex;font-weight:600;gap:10px;padding:12px 18px;text-decoration:none;transition:transform .08s ease,box-shadow .2s ease}#etv-lite .etv-lite__btn:hover{box-shadow:0 12px 26px #2563eb52;transform:translateY(-1px)}#etv-lite .etv-lite__tv{margin:10px auto 20px;max-width:var(--etv-max);padding:0 16px;text-align:center}#etv-lite .etv-lite__tv-bezel{background:#000;border:12px solid #000;border-radius:4px;box-shadow:0 14px 40px #0000002e;box-sizing:border-box;margin:0 auto;overflow:hidden;width:min(50vw,960px)}#etv-lite .etv-lite__tv-screen{background:#000;display:block;height:100%;object-fit:contain;width:100%}#etv-lite .etv-lite__tv-caption{color:var(--etv-muted);font-size:.9rem;margin-top:8px}@media (max-width:640px){#etv-lite .etv-lite__tv-bezel{width:100%}}@media (max-width:980px){#etv-lite .etv-lite__hero{padding-top:20px}#etv-lite .etv-lite__block,#etv-lite .etv-lite__block.is-flip{grid-template-columns:1fr}#etv-lite .etv-lite__block.is-flip .etv-lite__media,#etv-lite .etv-lite__block.is-flip .etv-lite__text{order:0}}.privasi-container{background-color:#f9f9f9;border-radius:8px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px;padding:20px}.privasi-container h1,.privasi-container h2{color:#000}.privasi-container a{color:#007bff;text-decoration:none}.privasi-container a:hover{text-decoration:underline}.kemaskini-container{background-color:#f9f9f9;border-radius:8px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px;min-height:70vh;padding:20px}.kemaskini-container h2{color:#000;text-align:start}.kemaskini-list{display:flex;flex-direction:column;gap:10px}.kemaskini-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:15px}.kemaskini-date,.kemaskini-type{color:#777;font-size:14px;min-width:130px;text-align:left}.kemaskini-title{color:#333;flex:1 1;font-size:16px;font-weight:700;margin:0 40px 0 0}.kemaskini-description{color:#555;flex:2 1;font-size:14px}@media (max-width:768px){.kemaskini-item{align-items:flex-start;flex-direction:column}.kemaskini-date,.kemaskini-description,.kemaskini-title,.kemaskini-type{margin-bottom:5px;min-width:0;min-width:auto;text-align:left}}.hubungi-container{background-color:#f9f9f9;border-radius:8px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px;min-height:70vh;padding:20px}.hubungi-container h2{color:#000;margin-bottom:20px;text-align:start}.hubungi-list{display:flex;flex-direction:column;gap:10px}.hubungi-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:15px}.hubungi-name{color:#333;flex:1 1;font-size:18px;font-weight:700;margin-bottom:5px}.hubungi-details{display:flex;flex:2 1;flex-direction:column}.hubungi-email,.hubungi-phone{align-items:center;color:#555;display:flex;font-size:16px;gap:5px}.hubungi-icon{color:#007bff;font-size:18px}@media (max-width:768px){.hubungi-item{align-items:flex-start;flex-direction:column}.hubungi-name{font-size:16px}.hubungi-details{width:100%}.hubungi-email,.hubungi-phone{font-size:14px}}.footer-container{background-color:#f8f8f8;border-top:1px solid #ddd;display:flex;justify-content:space-between;margin:0 auto 60px;padding:20px 0;text-align:center;width:70%}.footer-etikaf{padding-top:12px}.footer-icon{cursor:pointer;margin:0 0 10px;width:40px}.footer-center,.footer-main{align-items:center;display:flex;justify-content:center}.footer-center{flex-wrap:wrap;gap:10px}.footer-center a{background-color:#f2f2f2;border-radius:5px;color:#000;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:calc(33% - 30px)}.footer-center a:hover{background-color:#ddd}.footer-logos{gap:0;margin-left:10px}.footer-logos,.footer-socials{align-items:center;display:flex;justify-content:start}.footer-logo{cursor:pointer;height:auto;padding:0 10px;width:30px}.footer-store{cursor:pointer;height:auto;width:120px}.footer-play{cursor:pointer;height:auto;width:148px}.footer-text{color:#666;font-size:14px}@media (max-width:768px){.footer-container{flex-direction:column;padding:0;width:100%}.footer-store{width:95px}.footer-play{width:120px}.footer-icon{cursor:pointer;margin:0 0 10px;width:30px}.footer-socials{flex-direction:column;justify-content:center;padding-bottom:30px}}body{background-color:#f8f8f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.container{margin:0 auto;width:100%}.app-header{height:76px;left:0;position:fixed;right:0;top:0;z-index:1000}.content-header{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;padding:0;width:70%}.App-logo{cursor:pointer;height:40px}.icon-text-container{display:inline-block;position:relative}.icon-import{cursor:pointer;margin:0 10px 0 0;transition:transform 3s ease}.icon-text{border-radius:3px;display:none;font-size:14px;padding:5px;position:absolute;right:50%;top:50%;transform:translateY(-50%);white-space:nowrap}.icon-text-container:hover .icon-text{display:inline-block}nav{align-items:center;display:flex}nav span{cursor:pointer;margin-right:20px}nav button{background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#000;cursor:pointer;font-weight:700;height:40px;padding:0 20px;transition:background-color .3s,border-color .3s}nav button:hover{background-color:#7a1777;border-color:#7a1777;color:#fff}main{margin:0 auto;width:70%}@media (max-width:768px){main{width:100%}.container{padding:0;width:100%}.content-header{width:100%}}footer{background-color:#f8f8f8;border-top:1px solid #e1e1e1;font-size:12px;padding:20px 0;text-align:center}@media (max-width:450px){.App-logo{cursor:pointer;height:30px;margin-left:10px}.app-header{height:55px;margin:0;padding:0;z-index:9999}nav button{height:35px;margin-right:20px;padding:0 10px}}
/*# sourceMappingURL=main.50e98e72.css.map*/