body{margin:0;font-family:open sans,sans-serif;background-color:#fff;color:#333;background-image:url(/netice9-bg.svg);background-repeat:no-repeat;background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh;position:relative}nav{background-color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none}.brand{display:flex;align-items:center;pointer-events:auto}.logo img{height:40px}nav ul{display:flex;list-style:none;margin:0;padding:0}nav li{margin-left:2rem;pointer-events:auto}nav a{color:#333;text-decoration:none;text-transform:lowercase;font-weight:600;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}nav a:hover{background-color:rgba(0,102,204,.1);color:#06c}nav a.active{background-color:#06c;color:#fff}nav a.active:hover{background-color:#05a;color:#fff}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;position:relative;z-index:1;margin-top:4rem}.large-logo{width:100%;max-width:350px;margin:5rem auto 3rem;display:block}h1{font-family:castoro,serif;font-size:2.5rem;margin:0;color:#333}.blog-list{max-width:800px;width:100%;text-align:left;margin:0 auto;background:rgba(255,255,255,.9);border-radius:4px;padding:2rem}.blog-list h1{font-size:2.5rem;text-align:left;margin-bottom:2rem;font-family:castoro,serif}.blog-entry{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.1)}.blog-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.blog-entry h2{margin:0 0 .5rem;font-size:1.8rem;font-family:castoro,serif}.blog-entry h2 a{color:#333;text-decoration:none}.blog-entry h2 a:hover{color:#06c}.blog-entry .author{color:#666;font-size:.9rem;display:inline-block;margin-right:1rem}.blog-entry time{color:#666;font-size:.9rem;display:inline-block}.blog-entry p{margin:1rem 0 0;line-height:1.6}.blog-post{max-width:800px;width:100%;margin:0 auto;padding:2rem;background:rgba(255,255,255,.9);border-radius:4px;text-align:left}.blog-post h1{text-align:left;margin-bottom:1rem;font-family:castoro,serif;font-size:2.5rem}.blog-post .author{color:#666;font-size:.9rem;display:inline-block;margin-right:1rem}.blog-post time{color:#666;font-size:.9rem;display:inline-block}.blog-post .content{margin-top:2rem;line-height:1.6}.blog-post .content h2{font-family:castoro,serif;font-size:1.8rem;margin:2rem 0 1rem;color:#333}.blog-post .content h3{font-family:castoro,serif;font-size:1.4rem;margin:1.5rem 0 1rem;color:#333}.blog-post .content p{margin:1rem 0}.blog-post .content a{color:#06c;text-decoration:none}.blog-post .content a:hover{text-decoration:underline}.blog-post .content ul,.blog-post .content ol{margin:1rem 0;padding-left:2rem}.blog-post .content li{margin:.5rem 0}.blog-post .content pre{background:#2d2d2d;padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.blog-post .content pre code{background:0 0;padding:0;font-size:.9em;color:#ccc}.blog-post .content code{background:rgba(45,45,45,.1);padding:.2rem .4rem;border-radius:3px;font-size:.9em;font-family:fira code,monospace;color:#2d2d2d}footer{padding:1rem;text-align:center;background-color:#f8f9fa;color:#666}.services{max-width:800px;width:100%;margin:0 auto;padding:2rem;background:rgba(255,255,255,.9);border-radius:4px;text-align:left}.services h1{text-align:left;margin-bottom:2rem}.services h2{font-family:castoro,serif;font-size:1.8rem;margin:2rem 0 1rem;color:#333}.services h3{font-family:castoro,serif;font-size:1.4rem;margin:1.5rem 0 .5rem;color:#333}.services p{margin:1rem 0;line-height:1.6}.services ul{list-style:none;padding:0;margin:.5rem 0 1.5rem}.services li{margin:.3rem 0;padding-left:1rem;position:relative}.services li:before{content:"•";position:absolute;left:0;color:#06c}@media(max-width:600px){nav{flex-direction:column;text-align:center}nav ul{margin-top:1rem;flex-direction:column}nav li{margin:.5rem 0}.large-logo{max-width:200px}h1{font-size:1.8rem}.blog-post{padding:1rem}.blog-post h2{font-size:1.5rem}.blog-post h3{font-size:1.2rem}.services{padding:1rem}.services h1{font-size:1.8rem}.services h2{font-size:1.5rem}.services h3{font-size:1.2rem}.blog-list{padding:1rem}.blog-entry{padding-bottom:1.5rem;margin-bottom:1.5rem}.blog-entry h2{font-size:1.3rem}}.home-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;margin:0 auto;padding:2rem}.home-content .large-logo{max-width:300px;margin-bottom:2rem}.home-content h1{font-size:2.5rem;text-align:center;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,255,255,.8)}@media(max-width:600px){.home-content{padding:1rem}.home-content .large-logo{max-width:200px}.home-content h1{font-size:1.8rem}}.contact{max-width:800px;width:100%;margin:0 auto;padding:2rem;background:rgba(255,255,255,.9);border-radius:4px;text-align:left}.contact h1{text-align:left;margin-bottom:2rem;font-family:castoro,serif}.contact h2{font-family:castoro,serif;font-size:1.8rem;margin:2rem 0 1rem;color:#333}.contact p{margin:.5rem 0;line-height:1.6}.contact a{color:#06c;text-decoration:none}.contact a:hover{text-decoration:underline}@media(max-width:600px){.contact{padding:1rem}.contact h1{font-size:1.8rem}.contact h2{font-size:1.5rem}}