html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}html{font-family:Verdana,Geneva,Tahoma,sans-serif}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.67em}p{line-height:18px}html{background:#0f172a;color:#fff}body{margin:0 auto;font-family:Muli,Arial,sans-serif}header,main,footer{display:flex;justify-content:center}header>*,main>*,footer>*{max-width:1280px}a{font-weight:700;color:#7be4e8;text-decoration:none}a:active{color:#c00}a:hover{color:#555}.bold{font-weight:700}.footer-column{font-size:.9em}.footer-column,.footer-column ul{display:flex;flex-direction:column;align-items:center;padding-left:0}.footer-column h3,.footer-column ul li{margin-bottom:12px}.footer{margin:80px 0}.footer li{list-style-type:none}header{position:fixed;height:80px;padding:12px;width:100%;background:#070a13;display:flex;justify-content:space-between;align-items:center}header nav{display:flex;gap:20px}header nav .nav-link{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color .3s ease}header nav .nav-link:hover{background-color:#ffffff1a}header nav .nav-link.active{background-color:#fff3}main{padding-top:80px}.modal{position:fixed;inset:0;background:#000000d9;opacity:0;transition:opacity .3s ease;align-items:flex-start}.modal.visible{opacity:1}.modal,.modal .modal-content{display:flex}.modal .modal-content{margin:136px auto;flex-direction:column}.navgrid{--font-size: 30px;--horizontal-placement: 25px;--vertical-placement: 35px;display:flex;position:relative;margin:auto;min-height:calc(var(--vertical-placement) * 11);min-width:calc(var(--horizontal-placement) * 14);text-align:center}.navgrid p{font-family:Muli,Verdana,Arial,sans-serif;font-size:var(--font-size);font-weight:700}.navgrid .hWord,.navgrid .vWord{position:absolute;margin:0}.navgrid .grid-link{color:#aaa;z-index:0}.navgrid .grid-link:hover{color:#555;z-index:2}.navgrid .grid-link.active{color:#c00!important;z-index:1}.navgrid .grid-link,.navgrid .selected{cursor:pointer}.navgrid .SIMPLE{top:calc(var(--vertical-placement) * 0);left:calc(var(--horizontal-placement) * 3)}.navgrid .PORTFOLIO{top:calc(var(--vertical-placement) * 2);left:calc(var(--horizontal-placement) * 1)}.navgrid .RESPONSIVE{top:calc(var(--vertical-placement) * 4);left:calc(var(--horizontal-placement) * 4)}.navgrid .CREATIVE{top:calc(var(--vertical-placement) * 6);left:calc(var(--horizontal-placement) * 4)}.navgrid .ABOUT{top:calc(var(--vertical-placement) * 7);left:calc(var(--horizontal-placement) * 0)}.navgrid .INTERACTIVE{top:calc(var(--vertical-placement) * 0);left:calc(var(--horizontal-placement) * 4)}.navgrid .CONTACT{top:calc(var(--vertical-placement) * 3);left:calc(var(--horizontal-placement) * 0)}.navgrid .SIMPLE-char,.navgrid .PORTFOLIO-char,.navgrid .RESPONSIVE-char,.navgrid .CREATIVE-char,.navgrid .ABOUT-char,.navgrid .INTERACTIVE-char,.navgrid .CONTACT-char{position:absolute;width:var(--font-size)}.navgrid .hWord span{position:absolute}.navgrid .hWord .char1{left:calc(var(--horizontal-placement) * 0)}.navgrid .hWord .char2{left:calc(var(--horizontal-placement) * 1)}.navgrid .hWord .char3{left:calc(var(--horizontal-placement) * 2)}.navgrid .hWord .char4{left:calc(var(--horizontal-placement) * 3)}.navgrid .hWord .char5{left:calc(var(--horizontal-placement) * 4)}.navgrid .hWord .char6{left:calc(var(--horizontal-placement) * 5)}.navgrid .hWord .char7{left:calc(var(--horizontal-placement) * 6)}.navgrid .hWord .char8{left:calc(var(--horizontal-placement) * 7)}.navgrid .hWord .char9{left:calc(var(--horizontal-placement) * 8)}.navgrid .hWord .char10{left:calc(var(--horizontal-placement) * 9)}.navgrid .hWord .char11{left:calc(var(--horizontal-placement) * 10)}.navgrid .vWord span{position:absolute}.navgrid .vWord .char1{top:calc(var(--vertical-placement) * 0)}.navgrid .vWord .char2{top:calc(var(--vertical-placement) * 1)}.navgrid .vWord .char3{top:calc(var(--vertical-placement) * 2)}.navgrid .vWord .char4{top:calc(var(--vertical-placement) * 3)}.navgrid .vWord .char5{top:calc(var(--vertical-placement) * 4)}.navgrid .vWord .char6{top:calc(var(--vertical-placement) * 5)}.navgrid .vWord .char7{top:calc(var(--vertical-placement) * 6)}.navgrid .vWord .char8{top:calc(var(--vertical-placement) * 7)}.navgrid .vWord .char9{top:calc(var(--vertical-placement) * 8)}.navgrid .vWord .char10{top:calc(var(--vertical-placement) * 9)}.navgrid .vWord .char11{top:calc(var(--vertical-placement) * 10)}@media (max-width: 767px){.navgrid{--font-size: 24px;--horizontal-placement: 20px;--vertical-placement: 28px}.helper{margin-top:40px}}.home-page{margin:16px}.home-page,.home-page .navgrid-content{display:flex}.home-page .navgrid-content{align-items:center}.home-page .navgrid-content .content-expand{display:none}.home-page .navgrid-content .content-text{margin-right:24px}.home-page .navgrid-content .content-text h2{color:#c00}.home-page .navgrid-content .content-text li{list-style-type:disc;margin-left:12px}.home-page .navgrid-content .content-text .top-spacing{display:block;margin-top:12px}@media (max-width: 767px){.home-page .navgrid-content{flex-direction:column}.home-page .navgrid-content .content-expand{display:flex;margin-top:24px;width:100%;justify-content:center}.home-page .navgrid-content .content-expand .expand-plus{cursor:pointer;width:3em;height:3em;display:flex;justify-content:center;align-items:center;background:#365398;border-radius:100%;animation:rotate-plus 4s ease-out infinite}.home-page .navgrid-content .content-expand .expand-plus:before{content:"+";font-size:2em}.home-page .navgrid-content .content-text{margin:auto}}@keyframes rotate-plus{0%{transform:rotate(0)}30%{transform:rotate(540deg)}to{transform:rotate(540deg)}}.intro{margin-bottom:24px}.intro h1{color:#c00;margin-bottom:8px}.todo-modal{position:fixed;inset:0;background:#000000b3}.todo-modal,.todo-modal .modal-dialog{display:flex}.todo-modal .modal-dialog{background:#fff;margin:auto;flex-direction:column;padding:40px;border-radius:10px;align-items:center;justify-content:space-evenly}.todo-modal .modal-actions{margin-top:24px}.to-do{margin-top:12px}.to-do label{margin-bottom:4px}.to-do .actions{margin-top:8px}.to-do .edit-to-do{display:flex;flex-direction:column}.to-do .edit-to-do.edit-to-do-description{margin-top:8px}.to-do .edit-to-do input{min-width:200px}.to-do .to-do-header{align-items:center;justify-content:space-between}.to-do .to-do-header,.to-do .to-do-header .headline{display:flex}.to-do .to-do-header .headline{align-items:baseline}.to-do .to-do-description{margin-top:8px}.spinner-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.spinner{display:flex;gap:8px;align-items:center}.dot{width:12px;height:12px;background:#fff;border-radius:50%;animation:pulse 1.2s infinite ease-in-out}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.5);opacity:.5}40%{transform:scale(1);opacity:1}}.to-do-page{display:flex;flex-direction:column;align-items:center;padding:20px;margin:auto;max-width:800px}.to-do-page,.to-do-page .to-do-list{width:100%}.to-do-page .no-to-dos{margin-top:12px}.to-do-page button:not(:first-child){margin-left:4px}.to-do-page button:not(:disabled){cursor:pointer}.to-do-page .blue-container{color:#555;border:1px solid rgba(0,0,0,.36);border-radius:10px;padding:10px;background:#d3f3f7;box-shadow:5px 5px 8px #0009,inset -5px -5px 5px #b5ebf2,inset 5px 5px 5px #eafdff}