:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400}body{xcolor:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}button:hover{cursor:pointer}#app{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background:url(/jms-background-shed.jpg) 50%/cover no-repeat fixed;height:100%;margin:0 auto;padding:0;font-weight:400}#app>header{justify-content:space-between;margin-bottom:1rem;display:flex}#app>header nav{width:33%;padding:1rem;display:flex}#app>header nav a{color:#fff;margin-right:1rem;font-size:1rem;font-weight:700}#app>header h3{color:#fff;justify-content:center;align-items:center;width:33%;font-weight:700;display:flex}#app>header div{align-items:right;justify-content:right;width:33%;padding:1rem;display:flex}#app>header div button{color:#fff;background:0 0;border:none;font-size:1rem;font-weight:700;text-decoration:underline}main{background-color:#fff;border-radius:.5rem;max-width:1200px;min-height:60vh;margin:0 auto}main h1{text-align:center;padding:.5rem}main.todopage p{text-align:center}main.homepage form{align-items:center;height:5rem;padding:1rem 2rem;display:flex;overflow:hidden}main.homepage form input{border:1px solid #ccc;border-radius:.25rem;width:50%;margin:0 1rem 0 0;padding:.5rem;font-size:1.25rem}main.homepage form button{background:0 0;border:1px solid #ccc;border-radius:.25rem;margin:0;padding:.5rem;font-size:1.25rem}main.homepage form button svg{width:1.5rem;height:1.5rem}main.homepage form button:hover{background:#eee}main.homepage form:hover button{border:2px solid #888}main.homepage>ul{border-top:1px solid #ccc;padding:0}main.homepage>ul>li{border-bottom:1px solid #ccc;padding:1rem 2rem;list-style-type:none;display:flex}main.homepage>ul>li svg{margin-right:2rem}main.homepage>ul>li h4{flex-grow:1;padding:0;font-size:1.5rem;line-height:100%}main.homepage>ul>li h4 a{margin:0;padding:0;text-decoration:none;display:block}main.homepage>ul>li h4 span{margin:0;padding:0;display:block}main.homepage>ul>li h4 span.email,main.homepage>ul>li h4 span.body{color:#888;font-size:1rem}main.homepage>ul>li h4 span.subject{color:#000;font-size:1.125rem}main.homepage>ul>li div h5{text-align:right;color:#888}main.homepage>ul>li div ul{margin:0;padding:0;list-style-type:none;display:flex}main.homepage>ul>li div li a{color:#000;align-items:center;height:3rem;margin-left:1.5rem;display:flex}main.homepage>ul>li div li a svg{height:1.5rem;margin-right:.25rem;display:block}main.homepage>ul>li div li a span{align-items:center;display:flex}main.loginpage form{border:1px solid #ccc;border-radius:.25rem;width:25rem;margin:5rem auto;padding:3rem 2rem}main.loginpage form label{clear:both;padding:1rem 0 .25rem;font-size:1.25rem;display:block}main.loginpage form input{color:#888;width:100%;padding:.5rem;font-size:1.25rem;display:block}main.loginpage form p.response-failure{color:#fff;text-align:center;background:red;border-radius:.5rem;margin:2rem 2rem 0;padding:.5rem;font-weight:700}main.loginpage form button{color:#fff;background:#000;border:none;border-radius:.25rem;margin:2rem auto 0;padding:.5rem 1rem;font-size:1.25rem;display:block}main.loginpage div{text-align:center;background:#ccc;border-radius:.25rem;width:20rem;margin:5rem auto;padding:2rem}main.loginpage div p{text-align:center;margin-bottom:1rem;font-size:1.25rem}main.loginpage div button{background:0 0;border:2px solid #000;border-radius:.25rem;margin:0 auto;padding:.5rem 1rem;font-size:1.25rem}main.detailspage header{border-bottom:1px solid #ccc;align-items:center;padding:1rem 2rem;display:flex}main.detailspage header h3{margin:0 1rem;padding:.5rem 0;line-height:150%}main.detailspage header h3 span{margin:0;padding:0;display:block}main.detailspage header h3 span.name{font-size:1.25rem}main.detailspage header h3 span.email{color:#888}main.detailspage header dl{float:right;width:18rem;margin-left:auto;font-size:1rem}main.detailspage header dl dd{float:left;clear:both;width:6rem}main.detailspage header dl dt{float:left;color:#888}main.detailspage h2{margin:1rem 2rem;font-size:1.5rem;font-weight:600}main.detailspage p{color:#444;margin-bottom:2rem;padding:0 2rem;font-size:1.125rem}main.detailspage h4{border-top:1px solid #ccc;margin:1rem 0;padding:1rem 2rem;font-size:1.125rem;font-weight:600}main.detailspage ul{padding:0 0 0 2rem;list-style-type:none}main.detailspage ul li{float:left;border:1px solid #ccc;border-radius:.5rem;width:16rem;height:6rem;margin:0 2rem 0 0;padding:1.25rem 1rem;position:relative}main.detailspage ul li svg{height:4rem;position:absolute;top:1rem;left:1rem}main.detailspage ul li span{margin-left:5rem;display:block}main.detailspage ul li span.name{font-size:1.125rem}main.detailspage ul li span.size{color:#888}main.detailspage ul li span.size a{color:#888}main.detailspage ul li:hover{cursor:pointer;background:#eee}#app>footer{text-align:center;color:#fff;padding:1rem;font-size:1.125rem;font-weight:700}.st0{fill:#000}