body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{font-family:Reem Kufi,sans-serif;font-size:60px;margin-top:15px}#header2,header{color:#000;text-align:center}#header2{font-family:Aref Ruqaa,serif;font-size:30px;margin:0;padding-top:0}.circles{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;justify-content:center;margin-top:10px}.circle{box-shadow:inset}#circle-bg,.circle{display:flex;flex-direction:row;border-radius:50%;width:200px;height:200px;margin:20px 80px}#circle-bg{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .25s ease-out;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}#circle-bg,.category{justify-content:center;align-items:center}.category{display:flex;background:rgba(f,f,f,.8);color:#000;border-radius:50%;width:200px;height:200px;font-family:Aref Ruqaa,serif;text-align:center;font-size:40px}#circle-bg:focus,#circle-bg:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#nav-bar button{height:30px;width:15vw;background-color:#000;border:1px solid #000;outline:none;border-radius:5px;padding-bottom:20px}#nav-bar button,.no-image{color:#fff;font-family:Aref Ruqaa,serif}.no-image{font-size:30px;background:#000;padding:10px}input{height:25px;width:15vw;background:url(https://66.media.tumblr.com/0fc7f3b70dc9265b3d20fb056079a2da/d89e81bad6f98697-fb/s540x810/561a18c00b35ab7db09fee4ecf2e9323878e7f71.png) no-repeat;background-size:25px;padding:0 5px 0 30px;border-radius:5px;border:1px solid #000;outline:none;direction:rtl;font-size:smaller}#author{font-family:Aref Ruqaa,serif}@media (max-width:450px){header{font-size:35px;margin:20px}#header2{font-size:30px}#nav-bar{flex-direction:column-reverse;margin-top:5px;padding-top:5px}#nav-bar button{text-align:center;width:50vw;margin:20px auto}input{margin:auto;width:50vw;font-size:14px}}
/*# sourceMappingURL=main.4102ae8a.chunk.css.map */