@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.content{text-align:left;margin:auto;width:90%}h1,h2{margin-top:20px;border-bottom:2px solid #333;padding-bottom:5px}ul{padding-left:20px;margin:5px 0}li{margin-bottom:3px}:root{--primary: #EA40A4;--business: #3A82EE;--personal: var(--primary);--light: #EEE;--grey: #888;--dark: #313154;--danger: #ff5b57;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--business-glow: 0px 0px 4px rgba(58, 130, 238, .75);--personal-glow: 0px 0px 4px rgba(234, 64, 164, .75)}*{margin:0;padding:0;box-sizing:border-box;font-family:montserrat,sans-serif}input:not([type=radio]):not([type=checkbox]),button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;cursor:initial}body{background:var(--light);color:var(--dark)}section{margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5em}h3{color:var(--dark);font-size:1rem;font-weight:400;margin-bottom:.5rem}h4{color:var(--grey);font-size:.875rem;font-weight:700;margin-bottom:.5rem}.greeting .title{display:flex}.greeting .title input{margin-left:.5rem;flex:1 1 0%;min-width:0}.greeting .title,.greeting .title input{color:var(--dark);font-size:1.5rem;font-weight:700}.create-todo input[type=text]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:var(--dark);background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.create-todo .options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-bottom:1.5rem}.create-todo .options label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow);cursor:pointer}input[type=radio],input[type=checkbox]{display:none}.bubble{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid var(--business);box-shadow:var(--business-glow)}.bubble.personal{border-color:var(--personal);box-shadow:var(--personal-glow)}.bubble:after{content:"";display:block;opacity:0;width:0px;height:0px;background-color:var(--business);box-shadow:var(--business-glow);border-radius:50%;transition:.2s ease-in-out}.bubble.personal:after{background-color:var(--personal);box-shadow:var(--personal-glow)}input:checked~.bubble:after{width:10px;height:10px;opacity:1}.create-todo .options label div{color:var(--dark);font-size:1.125rem;margin-top:1rem}.create-todo input[type=submit]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:#fff;background-color:var(--primary);border-radius:.5rem;box-shadow:var(--personal-glow);cursor:pointer;transition:.2s ease-in-out}.create-todo input[type=submit]:hover{opacity:.75}.todo-list .list{margin:1rem 0}.todo-list .todo-item{display:flex;align-items:center;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.todo-item label{display:block;margin-right:1rem;cursor:pointer}.todo-item .todo-content{flex:1 1 0%}.todo-item .todo-content input{color:var(--dark);font-size:1.125rem}.todo-item .actions{display:flex;align-items:center}.todo-item .actions button{display:block;padding:.5rem;border-radius:.25rem;color:#fff;cursor:pointer;transition:.2s ease-in-out}.todo-item .actions button:hover{opacity:.75}.todo-item .actions .edit{margin-right:.5rem;background-color:var(--primary)}.todo-item .actions .delete{background-color:var(--danger)}.todo-item.done .todo-content input{text-decoration:line-through;color:var(--grey)}html,body,#app{height:100%;width:100%;position:relative;overflow-x:hidden}.greeting,.create-todo,.todo-list{padding:1.5rem;max-width:600px;margin:auto}.greeting .title{font-size:1.8rem;margin-bottom:1rem}.greeting input[type=text]{font-size:1rem;padding:.4rem;border:1px solid #ccc;border-radius:5px;width:100%;max-width:300px}.create-todo h3,.todo-list h3{font-size:1.4rem;margin-bottom:.5rem}#create-todo-form input[type=text],#create-todo-form input[type=submit]{width:100%;margin-bottom:1rem}.options{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.options label{display:flex;align-items:center;gap:.5rem}.todo-list .list{display:flex;flex-direction:column;gap:1rem}.todo-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f8f8f8;border-radius:10px;box-shadow:0 1px 3px #0000001a}.todo-item.done input[type=text]{text-decoration:line-through;opacity:.6}.todo-item label{display:flex;align-items:center;gap:.5rem}.todo-content{flex:1 1 60%;margin-top:.5rem}.todo-content input[type=text]{width:100%;padding:.4rem;border:1px solid #ccc;border-radius:5px}.actions{margin-top:.5rem}.actions .delete{background:#ff4d4d;color:#fff;border:none;padding:.4rem .8rem;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.actions .delete:hover{background-color:#c00}.tech-blurb{font-family:Playfair Display,serif;background:linear-gradient(to right,#f0f0f0,#fff);border:2px solid #dcdcdc;border-radius:12px;padding:1.5rem;margin:1rem auto;max-width:800px;text-align:center;color:#333;box-shadow:0 4px 10px #0000000d}.tech-blurb p{margin:0;font-size:1.1rem;line-height:1.6}@media (max-width: 600px){.tech-blurb{padding:1rem;margin:1rem;max-width:90%}.tech-blurb p{font-size:1rem;line-height:1.4}.todo-item{flex-direction:column;align-items:stretch}.todo-content{width:100%}.actions{align-self:flex-end}.options{flex-direction:column}.greeting .title{font-size:1.5rem}}.tool-grid[data-v-3b36ceb9]{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem}.tool-item[data-v-3b36ceb9]{width:80px;height:80px;transition:transform .3s ease,box-shadow .3s ease}.tool-item[data-v-3b36ceb9]:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.tool-img[data-v-3b36ceb9]{width:100%;height:100%;object-fit:contain;border-radius:50%}.image-banner[data-v-dc61ad71]{margin:0 auto;max-width:800px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#007bff,#fff),linear-gradient(to bottom,#007bff,#fff);background-blend-mode:overlay;padding:2rem;width:100%;border-radius:20px 20px 0 0;overflow:hidden;border-bottom:none!important}h1[data-v-dc61ad71],h2[data-v-dc61ad71]{margin-top:20px;border-bottom:none;padding-bottom:none}.footer-banner[data-v-dc61ad71]{margin:0 auto;max-width:800px;padding:2rem;background:linear-gradient(to right,#007bff,#fff),linear-gradient(to top,#007bff,#fff);background-blend-mode:overlay;border-radius:0 0 20px 20px;text-align:center;color:#040000;font-family:Playfair Display,serif;box-shadow:0 -2px 10px #0000000d}.footer-text[data-v-dc61ad71]{margin:0;font-size:1.25rem;font-weight:600}.banner-text[data-v-dc61ad71]{flex:1;color:#040000;font-family:Playfair Display,serif}.banner-text h1[data-v-dc61ad71]{font-size:2rem;margin:0;line-height:1.3;text-transform:uppercase;letter-spacing:1px}.banner-text h2[data-v-dc61ad71]{font-size:1.5rem;margin:0;line-height:1.3}.pic[data-v-dc61ad71]{border-radius:50%;width:100px;height:100px;object-fit:cover;margin-left:1rem}.bio-section[data-v-dc61ad71]{margin:2rem auto;padding:2rem;max-width:800px;border-radius:15px;background-color:#f9f9f9;font-family:sans-serif;font-size:1rem;line-height:1.6;color:#333;box-shadow:0 4px 10px #0000000d;border-bottom:none!important}@media (max-width: 768px){.image-banner[data-v-dc61ad71]{flex-direction:column;align-items:center;text-align:center}.banner-text[data-v-dc61ad71]{padding-bottom:1rem}.pic[data-v-dc61ad71]{width:120px;height:120px;margin:1rem 0 0}.bio-section[data-v-dc61ad71]{margin:1rem;padding:1.5rem}}html[data-v-dc61ad71],body[data-v-dc61ad71]{overflow-x:hidden;scrollbar-width:auto}html[data-v-dc61ad71]::-webkit-scrollbar:horizontal{display:none}.content-container{padding-top:70px;padding-left:1rem;padding-right:1rem}