@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&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}.App{font-family:sans-serif}.clock{box-shadow:0 2px 30px rgba(0,0,0,.2);color:#444;font-size:24px;height:300px;position:-webkit-sticky;position:sticky;text-align:center;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%);width:300px}.clock,.clock:after{border-radius:50%;left:50%;top:50%}.clock:after{background:#000;border:2px solid #fff;content:"";height:12px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12px;z-index:2}.hour_hand{background:#222;height:60px;top:30%;width:6px}.hour_hand,.min_hand{left:49%;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom}.min_hand{background:#444;height:80px;top:22.5%;width:4px}.sec_hand{background:red;height:118px;left:50%;position:absolute;top:10.5%;-webkit-transform-origin:bottom;transform-origin:bottom;width:2px}.clock span{font-family:Source Sans Pro,sans-serif;font-weight:700;position:absolute}.twelve{left:46%;top:10px}.one{right:26%;top:10%}.eleven{left:26%;top:10%}.two{right:10%;top:25%}.three{right:10px;top:46%}.four{right:30px;top:67%}.five{right:78px;top:80%}.six{bottom:10px;left:50%}.seven{left:80px;top:82%}.eight{left:30px;top:67%}.nine{left:10px;top:46%}.ten{left:10%;top:25%}.details{align-items:center;flex-wrap:wrap;gap:10px;width:100%}#heading,#loader,.details{display:flex;justify-content:center}#heading{text-align:center}.post{border:3px dashed #000;border-radius:10px}.apost,.post{align-items:center;box-shadow:0 0 8px 4px gray;display:grid;height:200px;justify-content:center;width:290px}.apost{border:3px dashed #fff;border-radius:10px}.aboutPost{border:1px dotted #000;border-radius:10px}.aboutPost,.aboutaPost{box-shadow:10px;display:block;font-weight:700;height:35px;text-align:center;width:283px}.aboutaPost{border:1px dotted #fff;border-radius:10px}.search{align-items:center;display:flex;justify-content:center}#input{border:none;border-bottom:2px solid #000;text-align:center;width:200px}#input,button{border-radius:5px;height:38px;z-index:1}button{cursor:pointer;margin-left:10px;width:100px}.nav{background-color:#789;padding-bottom:20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}@media only screen and (max-width:600px){.search{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center}}.loader{align-items:center;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-color:blue green red pink;border-radius:50%;border-style:solid;border-width:16px;height:120px;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dark{background-color:#000;color:#fff;width:100%}.light{background-color:#fff;color:#000;width:100%}