.subhead,header{text-transform:uppercase}.dark-mode .wrapper,.wrapper,body{font-family:"Droid Serif",serif}.wrapper,section{min-height:100vh}.nav li a,.nav__counter{-webkit-transition:0.15s ease-out}.nav__body,.nav__title{overflow:hidden;opacity:0}.head,.nav li,.weatherforcastbox,.wrapper{position:relative}.nav li:after,.subhead{border-top:2px solid #000}.nav li a,.wrapper,a,body{color:#000}.dark-mode .nav li:after,.nav li:after{content:"";height:250px;width:20px;position:absolute;left:-30px;top:15px}.dark-mode .nav li a,.nav li a{display:block;padding:0;text-decoration:none}.dark-mode .nav li a,.nav li a,a:visited{text-decoration:none}.nav li a:focus,.nav li a:hover{background-color:#fff0}.nav__title,.wrapper,p strong,section .title{font-weight:300}body{background-color:#fff;font-size:14px}canvas{position:absolute}header{font-family:"Playfair Display",serif;font-weight:900;font-size:80px;display:inline-block;line-height:72px;margin-bottom:20px}.head{text-align:center}.subhead{border-bottom:2px solid #000;padding:12px 0}.weatherforcastbox{width:25%;left:10px;border:3px double #000;padding:10px 15px;line-height:20px;display:inline-block;margin:-18px 50px 20px -510px}.nav__wrapper,section{display:-webkit-box;display:-ms-flexbox}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background-color:#fff}html::-webkit-scrollbar-thumb{background:#4e4e4e;border-radius:25px}ul{list-style-type:none}.dark-mode .wrapper{min-height:100vh;font-weight:300;color:#fff;position:relative}section{font-size:20px;font-weight:100;background-color:#fff0;display:flex;padding-bottom:100px;padding-left:400px}section:first-child{background:#fff0}section:nth-child(14),section:nth-child(2),section:nth-child(8){background:#fff0}section:nth-child(15),section:nth-child(3),section:nth-child(9){background:#fff0}section:nth-child(10),section:nth-child(4){background:#fff0}section:nth-child(11),section:nth-child(5){background:#fff0}section:nth-child(13),section:nth-child(6){background:#fff0}section:nth-child(12),section:nth-child(7){background:#fc00}section:nth-child(16){background:#3330}.nav__wrapper{position:fixed;height:100%;padding:200px 15px;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav{margin:100% 100px -30% 5%}.nav__counter{font-size:24px;transition:0.15s ease-out}.nav__title{font-size:30px;margin:0 0 .25em;width:310px;height:0;-webkit-transition:height 0.3s ease-out,opacity 0.2s ease-out;transition:height 0.3s ease-out,opacity 0.2s ease-out}.nav__body{font-weight:100;font-size:18px;width:300px;height:0;-webkit-transition:height 0.3s ease-out,opacity 0.2s ease-out;transition:height 0.3s ease-out,opacity 0.2s ease-out}.nav li{-webkit-transition:0.3s ease-out;transition:0.3s ease-out;margin-bottom:1em}.nav li:after{display:block;border-left:2px solid #000}.nav li a{transition:0.15s ease-out}.dark-mode .nav li:after{display:block;border-left:2px solid #fff;border-top:2px solid #fff}.dark-mode .nav li a{color:#fff;-webkit-transition:0.15s ease-out;transition:0.15s ease-out}.nav li a:hover{padding-left:1em}.nav li.active{pointer-events:none;padding-left:1em}.nav li.active:after{width:35px;height:400px;top:35px}.nav li.active .nav__counter{font-size:48px}.nav li.active .nav__title{height:40px;opacity:1;overflow:visible}.nav li.active .nav__body{height:100px;opacity:1;overflow:visible}section p{margin:40px 40px 10px 0}nav .first img{margin-top:-9px;width:50px;height:50px}nav .first.active img{margin-top:-7px}section .title{font-size:50px;margin-bottom:60px}.section-heading .date{display:none}.section img{flex-basis:50%;max-width:500px;object-fit:contain;max-height:500px}.device-container{display:flex;padding-top:40px}.device-features{margin:0 auto;font-size:32px;text-align:left;flex-basis:60%;display:flex;justify-content:center;flex-direction:column}.device-data tr td:first-child{border-right:2px solid rgb(255 255 255 / .2);padding-right:10px;text-align:right}.device-data td:nth-child(2){padding-left:10px}.device-data tr:not(:first-child){border-top:1px solid rgb(255 255 255 / .2)}.device-image{flex-basis:40%;text-align:right;padding-right:40px;display:flex;justify-content:right}#navbar{transition:top 0.5s;margin-top:32px}a:active,a:focus{outline:0;border:none;-moz-outline-style:none}@media only all and (max-width:1400px){.weatherforcastbox{display:none}}@media only all and (max-width:1200px){.collumn{width:31%}}@media only all and (max-width:900px){.collumn{width:47%}}@media only all and (max-width:600px){.collumn{width:100%}.collumn+.collumn{border-left:none;border-bottom:1px solid #000}header{max-width:320px;font-size:60px;line-height:54px;overflow:hidden}}.dummy{display:inline;height:0;padding:0}@media screen and (max-width:1300px){.section img{max-width:400px;max-height:400px}}@media screen and (max-width:1200px){.section img{max-width:350px;max-height:350px}}@media screen and (max-width:1135px){.device-container{flex-wrap:wrap;flex-direction:column}.device-features{flex:none;margin:0 auto;padding-top:20px}.device-image{flex:none;justify-content:center;padding-right:0;width:100%}}.section-heading .nav__title{opacity:1;font-weight:100}@media screen and (max-width:1500px){nav{display:none!important}.section-heading{position:-webkit-sticky;position:sticky;top:0;padding-bottom:40px}.section-heading p{margin:0}.section-heading.first{margin-top:50px}.section-heading .date{display:block;padding-top:10px}.section-heading .date.logo{float:left;padding-right:10px}section:nth-child(14) .section-heading,section:nth-child(2) .section-heading,section:nth-child(8) .section-heading{background:linear-gradient(to bottom,#fff0 0,#fff0 100%)}section:nth-child(15) .section-heading,section:nth-child(3) .section-heading,section:nth-child(9) .section-heading{background:linear-gradient(to bottom,#fff0 15%,#fff0 100%)}section:nth-child(10) .section-heading,section:nth-child(4) .section-heading{background:linear-gradient(to bottom,#fff0 15%,#fff0 100%)}section:nth-child(11) .section-heading,section:nth-child(5) .section-heading{background:linear-gradient(to bottom,#fff0 0,#fff0 100%)}section:nth-child(13) .section-heading,section:nth-child(6) .section-heading{background:linear-gradient(to bottom,#fff0 0,#fff0 100%)}section:nth-child(12) .section-heading,section:nth-child(7) .section-heading{background:linear-gradient(to bottom,#fff0 0,#fff0 100%)}section:nth-child(16) .section-heading{background:linear-gradient(to bottom,#fff0 0,#fff0 100%)}.section img{max-width:300px;max-height:300px}.section{font-size:22px}section .title{font-size:36px;margin-bottom:30px}.device-data{font-size:20px;margin-bottom:30px}main{margin-left:-380px}}