@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.project-name{font-size:20px;font-weight:600px;margin-bottom:10px;text-decoration:line-through}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.heading{font-size:40px;font-weight:700;padding-top:20px}.joke-weather{flex:1 1;gap:8px;margin:0 10px}.joke-weather,.shake-speech{align-items:center;display:flex;justify-content:space-around}.section-Gradient{align-items:center;color:#000;display:flex;height:50vh;justify-content:center}.inner-section{background-color:#fff;border:5px solid #000;border-radius:10px;margin:0 10px;padding:15px;width:100%}.section{align-items:center;display:flex;flex-direction:column;gap:1.7rem;justify-content:center}Button{border-radius:25%;cursor:pointer;font-size:20px;font-weight:700;padding:10px}#Button2{margin-left:15px}button:hover{background-color:#000;border:2px solid #fff;color:#fff}.copycode{background-color:#f4f1f1;border-left:4px solid #111;border-radius:4px;cursor:pointer;margin-top:5px;padding:10px;text-align:center}.section-Gradient{font-size:25px;font-weight:500;text-decoration:underline}.merge-body{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around}.todo-body{background-color:#fff;border:5px solid #000;border-radius:10px;line-height:3rem;margin:15px;padding:15px}.todo-list .main-todo li{font-size:18px;font-weight:500}.btn{margin-left:8px}input{border-radius:10px;height:30px;padding:10px}.keyboard-body{background-color:#fff;border:5px solid #000;border-radius:10px;line-height:3rem;margin:15px;padding:20px}.output{font-size:18px;font-weight:500}.body{background-repeat:no-repeat;justify-content:space-around}.body,.clock-section #clockCss{align-items:center;display:flex}.clock-section #clockCss{background-image:linear-gradient(to top left,rgba(219,235,237,.388),#c3cce0b6);border:3px solid #121313;border-radius:10%;font-size:18px;font-weight:600;height:50px;justify-content:center;margin-top:10px;transition:all .3s ease-in-out;width:110px}#clockCss:hover{background-color:#000;border:2px solid #fff;color:#fff;cursor:pointer}.clock-section{align-items:center;background-color:#fff;border:5px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:10px;justify-content:center;margin:10px;width:400px}.clock-section>p{margin-top:10px}#CounterDiv{font-size:25px}.btnDiv{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-around;width:100%}button{border-radius:10px;color:#000;cursor:pointer;font-size:18px;padding:5px}.btnDiv button:hover{background-color:#000;border:3px solid #fff;color:#fff}.showAreaValue{padding-bottom:6px}.addForMinutes,.showAreaValue{font-size:18px;font-weight:500}.container,.joke-section{align-items:center;display:flex;justify-content:center}.container{background-color:#6495ed;border:4px solid #000;border-radius:15px;flex-direction:column;font-size:20px;gap:30px;height:50%;margin:10px;padding:20px;width:50%}#fetchJoke{border-radius:10px;font-size:18px;font-weight:700;padding:10px}#fetchJoke:hover{background-color:#000;border:2px solid #f5f5f5;color:#fff}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.container{background-color:#fff;border-radius:10px;color:#171717;margin:4rem auto;padding:2rem;width:100%}.weather_header{align-items:center;display:flex;justify-content:space-between;margin-top:-35px}input{background:#1e1e1e;border:none;border-radius:5px;box-shadow:0 7px 29px 0 #64646f33;color:#fff;outline:none;padding:.5rem 2.5rem}input::placeholder{color:#f7f7f7}.weather_search{position:relative}.weather_search i{color:#fff;font-size:15px;left:10px;position:absolute;top:10px}.weather_body{text-align:center}.weather_datetime{font-size:14px;margin-bottom:2rem}.weather_forecast{background:#1e1e1e;border-radius:30px;color:#fff;display:inline-block;margin-top:10px;padding:.5rem 1rem}.weather_icon img{filter:drop-shadow(2px 4px 6px black);width:100px}.weather_temperature{font-size:1.75rem}.weather_minmax{display:flex;justify-content:center}.weather_minmax p{font-size:14px;margin:.5rem}.weather_info{display:flex;gap:1rem}.weather-card{align-items:center;background:#1e1e1e;background-color:#f7f7f7;border-radius:10px;box-shadow:0 7px 29px 0 #64646f33;color:#000;display:flex;padding:1rem}.weather-card i{font-size:1.5rem;margin-right:1rem}.weather-card p{font-size:14px}@media (max-width:936px){.container{width:90%}.weather_header{flex-direction:column}.weather_units{margin-top:1rem}}@media (max-width:400px){.weather_info{grid-template-columns:none}}.Loader-newton{align-items:start;display:flex;height:70vh;justify-content:space-around}.loader{animation:loaderanim 1s linear infinite;background-color:#000;border-radius:50%;height:200px;position:relative;width:200px}.loader-wrapper{background-color:#fff;border:4px solid #000;border-radius:15px;padding:60px}.loader-wrapper>p{margin-bottom:20px;margin-top:-30px}.loader:before{background-color:#fff;height:180px;left:0;top:0;width:180px}.loader:after,.loader:before{border-radius:50%;content:"";position:absolute}.loader:after{background-color:#000;box-shadow:0 0 15px #000,0 0 20px #000,0 0 25px #000,0 0 30px #000,0 0 40px #000;height:60px;left:80px;top:-33px;width:60px}@keyframes loaderanim{0%{rotate:0deg}to{rotate:-1turn}}.newton-wrapper{background-color:#fff;border:4px solid #000;border-radius:10px;height:330px;padding:60px}.newton-wrapper>p{margin-top:-30px}.newton{border-radius:6px;border-top:20px solid #000;display:flex;gap:33.5px;height:270px;justify-content:center;width:500px}.newton div{background-color:#000;height:180px;position:relative;width:6px}.newton div:after{background-color:#000;border-radius:50%;content:"";height:40px;left:-17px;position:absolute;top:98%;width:40px}.newton div:first-child{animation:leftswing 2s linear infinite;transform-origin:top left}.newton div:last-child{animation:rightswing 2s linear 1s infinite;transform-origin:top right}@keyframes leftswing{0%{rotate:0deg}25%{rotate:25deg}50%{rotate:0deg}to{rotate:0deg}}@keyframes rightswing{0%{rotate:0deg}25%{rotate:-25deg}50%{rotate:0deg}to{rotate:0deg}}.shake-wrapper{display:grid;height:100vh;place-items:center}.left-side{margin-bottom:10px}.left-side,.right-side{background-color:#fff;border:4px solid #000;border-radius:10px;padding:20px}.right-side{display:grid}.shake-wrapper .left-side button{border:5px solid #0d0d0d;border-radius:20px;color:#000;font-size:20px;font-weight:700;margin-bottom:15px;padding:15px}.shake-wrapper .left-side button:hover{animation:btnanim .2s linear;background-color:#000;border:5px solid #e9b824;color:#e9b824;text-transform:uppercase}@keyframes btnanim{0%{rotate:20deg}50%{rotate:-20deg}to{rotate:20deg}}.shake-wrapper .left-side h1{color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:40px;position:relative;text-transform:uppercase}.shake-wrapper .left-side>h1:before{animation:bar 1.5s linear infinite alternate;border-right:4px solid #000;color:#e9b824;content:"MianAhmad...";left:0;overflow:hidden;position:absolute;top:0;width:0}@keyframes bar{0%{width:0}to{width:100%}}.universe{align-items:center;animation:unichange 10S ease-in-out infinite;background-color:#ffbb5c;border-radius:20px;display:flex;height:300px;justify-content:center;width:350px}.sun{background-color:#e25e3e;overflow:hidden;position:relative}.sun,.sun:after{border-radius:50%;height:150px;width:150px}.sun:after{animation:ecl 10s ease infinite;background-color:#000;content:"";left:0;position:absolute;top:0}@keyframes ecl{0%{scale:1;translate:100%}50%{box-shadow:0 48px 100px 0 #ffffff80;scale:.95;translate:0}to{translate:-100%}}@keyframes unichange{0%{background-color:#fcbf49}25%{background-color:#ffbb5cb5}50%{background-color:#000}75%{background-color:#ffbb5cb5}to{background-color:#fcbf49}}.speech-section{background-color:#fff;border:5px solid #000;border-radius:10px;height:95vh;margin-left:10px;width:50%}.counter-container h2{font-size:18px}.counter-container p,.main-content>p{font-size:14px;font-size:18px;letter-spacing:1px;margin-bottom:30px;margin-top:10px;word-spacing:normal;word-spacing:1px}.main-content{font-size:16px;height:200px;width:100%;word-spacing:normal}.main-content:focus{border:.3px solid #2b2d384d;outline:none}.btn-style{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.counter-container button{background:#f3f0f0;border:3px solid #000;border-radius:.5rem;color:#000;cursor:pointer;display:flex;font-size:14px;letter-spacing:1px;margin:auto;padding:10px 20px}button:focus,button:hover{background:#000;box-shadow:0 5px 30px 0 #0000001a;color:#fff}.counter-container{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;padding:10px;width:100%}.content{border-radius:16px;box-shadow:0 3px 8px #0000003d;padding:12px}.navbar-container{display:flex;justify-content:space-around}.Navbar{align-items:center;background:#fff;border-radius:10px;display:flex;justify-content:space-between;margin:10px 10px 0;padding:10px 5%;transition:.5s;width:100%}.logo{cursor:pointer;width:150px}ul{flex:1 1;list-style:none;text-align:center}ul li{cursor:pointer;display:inline-block;font-size:16px;margin:10px 20px}.toggle-icon{cursor:pointer;margin-left:50px;width:50px}.search-box{align-items:center;background:#242424;border-radius:50px;display:flex;gap:5px;padding:8px 18px}.search-box input{background:#0000;border:0;color:#fff;font-size:18px;max-width:200px;outline:0;padding:0 4px}.search-box input::placeholder{color:#fff}.search-box img{cursor:pointer;width:20px}.Navbar.dark{background:#000;color:#fff}.dark .search-box{background:#fff}.dark .search-box input,.dark .search-box input::placeholder{color:#222}
/*# sourceMappingURL=main.5c20fa9d.css.map*/