@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Taprom&display=swap);:root{--primary-color:#ff6f61;--background-color:#faf9f6;--text-color:#333;--form-bg-color:#f5f5f5;--navbar-border-color:#ddd;--preview-border-color:#ddd;--box-shadow-color:#0000001a;--github-hover-color:#8f8f8f;--navbar-non-click-clor:#f5f5f5}:root.dark-mode{--primary-color:#f28b82;--background-color:#34363b;--text-color:#e8e8e8;--form-bg-color:#60626c;--navbar-border-color:#444;--preview-border-color:#444;--box-shadow-color:#ffffff1a;--github-hover-color:#b0b0b0}body{transition:background-color .3s ease,color .3s ease}*,body{background-color:#faf9f6;background-color:var(--background-color);color:#333;color:var(--text-color)}*{font-family:Quicksand,sans-serif}*,.navbar{margin:0 auto}.navbar{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--navbar-border-color);display:flex;max-width:600px;padding:20px}.navbar h1{color:#ff6f61;color:var(--primary-color)}.navbar .links{display:flex;margin-left:auto}.navbar a{border-radius:8px;color:#333;color:var(--text-color);margin-left:16px;padding:6px;text-decoration:none}.navbar a:hover{color:#ff6f61;color:var(--primary-color)}.content{margin:10px auto 40px;max-width:600px;padding:20px}.blog-preview{border-bottom:1px solid #ddd;border-bottom:1px solid var(--preview-border-color);margin-bottom:20px 0;padding:10px 16px}.blog-preview:hover{box-shadow:1px 3px 5px #0000001a;box-shadow:1px 3px 5px var(--box-shadow-color)}.blog-preview h2{color:#ff6f61;color:var(--primary-color);font-size:20px;margin-bottom:8px}.contact p{font-size:16px;line-height:1.6}.github{box-shadow:inset 0 0 0 0 #ff6f61;box-shadow:inset 0 0 0 0 var(--primary-color);color:#ff6f61;color:var(--primary-color);margin:0 -.25rem;padding:0 .25rem;text-decoration:none;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.github:hover{box-shadow:10px 5px 5px #ff6f61;box-shadow:10px 5px 5px var(--primary-color);color:#8f8f8f;color:var(--github-hover-color)}.blog-details{margin-top:20px}.create-form{background-color:#faf9f6;background-color:var(--background-color);border:1px solid #ddd;border:1px solid var(--preview-border-color);border-radius:8px;margin:40px auto;max-width:600px;padding:20px}.create-form input,textarea{background-color:#f5f5f5;background-color:var(--form-bg-color);border:1px solid #ddd;border:1px solid var(--preview-border-color);box-sizing:border-box;color:#333;color:var(--text-color);display:block;margin:10px 0;padding:6px 10px;width:100%}.create-form div,label{background-color:#faf9f6;background-color:var(--background-color)}#blog-body{height:250px}#blog-author{height:30px}.create-form button{background-color:#ff6f61;background-color:var(--primary-color);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:8px}.create-form button:hover{background-color:darken(#ff6f61,10%);background-color:darken(var(--primary-color),10%)}#propic{border-radius:25%;display:block;margin-left:auto;margin-right:auto;width:50%}.controls{border:1px solid #ccc;border-top:0;display:flex;padding:10px}.controls-right{margin-left:auto}.state{font-family:monospace;margin:10px 0}.state-title{color:#999;text-transform:uppercase}
/*# sourceMappingURL=main.01645432.css.map*/