@font-face{font-family:'Quicksand';font-style:normal;font-weight:300 700;font-display:swap;src:local('Quicksand'),url(/fonts/quicksand.woff2) format('woff2');unicode-range:U+0-ff,U+131,U+152-153,U+2bb-2bc,U+2c6,U+2da,U+2dc,U+304,U+308,U+329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}html{font-family:'Quicksand',sans-serif;min-height:100%;display:flex;flex-direction:column}body{position:relative;flex-grow:1;padding-bottom:20px}span.red{font-size:105%;font-weight:500;color:red}span.bold{font-weight:600;font-size:105%}span.nb{font-size:85%;font-weight:300;color:blue}em{font-weight:500}img{vertical-align:middle;&.social{width:30px;height:30px;margin:2px}&.right{float:right;width:50px;height:50px;margin:2px 10px;border-radius:5px}}article>ul{list-style:none;&>li{text-indent:-.75rem;text-align:justify;margin-bottom:3px;&::before{content:'🪐 '}}&.exp{padding:2px 10px;padding-left:25px;background:linear-gradient(120deg,#fefefe,#f0f0f0);border-radius:15px;border:.1px solid #f08080;position:relative;&::before{content:'🎓'}&>li{margin:16px 0;background:#fffc;border-radius:10px;padding:1px;&::before{content:'👉 '}}}}article>ul.exp::before,p.def::before{background:#eee;border-radius:40px;padding:6px 8px;font-size:130%;box-shadow:0 4px 8px 0 #0003,0 3px 10px 0 rgba(0,0,0,.19);position:absolute;z-index:2;top:-20px;left:18px}p.def{width:fit-content;padding:2px 10px;text-indent:2em;font-weight:500;background:linear-gradient(120deg,#fefefe,#f0f0f0);border-radius:15px;border:.1px solid #90ee90;position:relative;display:flow-root;margin:auto;margin-left:0;&::before{content:'💡';text-indent:0;left:10px;margin-top:-5px}& a{white-space:nowrap}}figure{text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;& img:not(.min),& video,& div.youtube{width:20em;height:auto;border-radius:20px;background:#d3d3d3;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 rgba(0,0,0,.19);padding:1px;margin:15px auto}& div.youtube{height:20em;& img.min,& iframe{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s;border-radius:20px}&:hover img.min,& iframe{opacity:1}position:relative;& .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:#eb756b;border-radius:12px;box-shadow:0 0 15px rgba(0,0,0,.3);transition:transform .2s ease-in-out,background .2s;&::after{content:"";display:block;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff;margin-left:27px;margin-top:13px}}&:hover .play-btn{transform:translate(-50%,-50%) scale(1.1);background:#ff8b82}}& figcaption{background:#fffa;border-radius:10px;font-size:80%;font-style:italic;font-weight:300;max-width:50em;margin:0 50px}}a.svg img{background:#a9a9a9;border-radius:40px;padding:2px}header{& aside img{float:left}& div.company-name{background:linear-gradient(140deg,#fff 0%,#d7d7f2 43%,#bfc6ff 100%);border-radius:10px;text-shadow:1px 1px 3px #fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 rgba(0,0,0,.19);padding:10px;font-weight:600;font-size:2em;& a{text-decoration:none;color:unset}}& h1{display:inline-block;vertical-align:middle;padding:10px;padding-left:20px;color:#eb756b;text-shadow:1px 1px 2px #000;border-radius:20px;background:#0002;margin-bottom:10px;&::after{content:' ';padding:10px}}}article h2,article h3{text-decoration:underline}p a,ul a{text-decoration:none;font-weight:550;color:#111;text-shadow:1px 1px 2px #aaa}p a:visited,ul a:visited{color:#666}section p{text-align:justify;text-indent:1em each-line}form p{text-align:left}a.up{z-index:2}h2{color:#C0C7FE;text-shadow:1px 1px 2px #000}h3{color:red;font-size:120%;text-decoration:none!important}nav{position:relative;&>img{position:absolute;right:0;top:1em;z-index:-1;&.left{left:0;right:unset;top:-8em}}&.down{display:inline-block;font-size:.85em;font-style:italic;& a>img{transform:rotate(180deg) scale(.7)}}}@media only screen and (min-width:500px){section aside{float:right}}body>header nav a:not(.svg),a.up{text-decoration:none;border:none;color:#fff;cursor:pointer;text-align:center}body>header nav a:not(.svg){padding:8px 18px;font-size:1.1em;border-radius:8px;margin-top:5px;background:#eb756b;display:inline-block}body>header nav a:not(.svg),a.svg img{box-shadow:0 8px 16px 0 #0003,0 6px 20px 0 rgba(0,0,0,.19)}body>a.up{position:sticky;top:5px;width:max-content;margin-left:auto;margin-top:5px;float:right;display:block}body>header nav a:not(.svg):hover{color:#fab128}body>header nav a:not(.svg):active,a.svg:active img{box-shadow:0 4px 8px 0 #0003,0 3px 10px 0 rgba(0,0,0,.19);transform:translate(1px,2px)}body>footer nav{font-size:95%;text-align:right;padding:2px;padding-right:1em;position:fixed;bottom:0;right:0;height:auto;width:100%;background:#eeed}body>footer img{height:1.1em}div.summary p{text-align:right}div.summary p:last-child{border-top:dashed 5px gray;padding-top:5px;margin-top:1px;background:#ffd}div.summary span.cost{display:inline-block;min-width:10ex}section{clear:left}section>header nav{text-align:center}section>header nav a{text-decoration:none;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;text-align:center;margin:4px 10px;width:7em;height:5em;border:2px solid #eee8;border-radius:2px;color:#eb756b;font-weight:bold;cursor:pointer;box-shadow:4px 4px 10px 0 #F2CE57;transition:transform .6s}section>header nav a.current{color:#000;font-size:1.15em}section>header nav a:hover{transform:scale(1.2)}section>div.navs{white-space:nowrap;overflow:hidden;position:relative;box-sizing:border-box}section>div.navs>a.svg{position:absolute;z-index:3;top:50px;transform:translateY(-50%);margin-left:5px;margin-right:5px;cursor:pointer;transition:transform .1s;display:none}section>div.navs>a.svg#left{left:0}section>div.navs>a.svg#right{right:0}section>div.navs>a.svg#left img{transform:rotate(-90deg)}section>div.navs>a.svg#right img{transform:rotate(90deg)}section>div.navs>a.svg#left:active img{transform:translate(1px,2px) rotate(-90deg)}section>div.navs>a.svg#right:active img{transform:translate(1px,2px) rotate(90deg)}section>div.navs>a.svg:hover{transform:translateY(-50%) scale(1.2)}section>div.navs:hover>a.svg{display:block}section article.popup,section article.nav{padding:10px;border:2.5px solid #C0C7FE38;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 rgba(0,0,0,.19);position:relative}section article.popup{transition:transform .5s;transform:scale(.2);margin-top:10px;margin-left:5px;margin-right:5px;display:none}section article.nav{padding:10px 30px;width:calc(100% - 60px);margin:10px 5px;display:inline-block;vertical-align:top;white-space:normal;box-sizing:border-box}section article.nav:first-of-type,section article.nav:last-of-type{width:calc(100% - 40px)}section article>footer{text-align:right;font-weight:bold;margin-bottom:10px;padding-right:2em}section article>footer a,button{background:#C0C7FE;padding:8px;margin:2px;border-radius:10px;text-decoration:none;font-style:italic;color:#00008b;display:inline-block}button[disabled]{filter:brightness(50%)}#overframe{display:none;position:fixed;top:0;right:0;width:100%;height:100%;box-sizing:border-box;padding:40px 20px;z-index:3;& div.frame{box-sizing:border-box;width:100%;height:100%;background:linear-gradient(120deg,#fffffffa,#f0f0f0fa);box-shadow:8px 8px 4px 0 #64646466;padding:10px;border-radius:10px;border:2px solid #eeee;overflow-y:auto}& a.close{top:40px;right:20px}}a.popup{position:relative;& img{position:absolute;right:0;bottom:0}}a.close{position:absolute;z-index:4;top:5px;right:15px;border:none;cursor:pointer}header>nav>div{position:relative;display:inline-block}.dropdown{&>div{transform:scaleY(0);transform-origin:top;transition:transform .3s;position:absolute;z-index:1;& a{display:block!important}}& img.triangle{transition:transform .3s;cursor:pointer;margin-right:5px}&.open{&>div{transform:scaleY(1);z-index:3}& img.triangle{transform:rotate(90deg)}}}section>header nav a{border-radius:10px;height:4em;width:8em;background:#fff6;text-shadow:2px 2px 3px #fff}div.navs{position:relative;overflow:hidden;border-radius:25px;background:url(/imgs/back1.svg) no-repeat center;background-size:contain;text-align:center;margin-top:10px;margin-bottom:100px}section>div.navs>a.svg{top:50%}section article.nav{border:solid gray 1px}article.nav>span{text-indent:0;margin:5px;padding:8px 16px;font-weight:500;background:linear-gradient(120deg,#fefefec2,#f0f0f0a0);border-radius:15px;border:4px solid #b3e580a0;color:#624496;text-shadow:1.5px 1.5px 4px #3f8298;display:inline-block;max-width:15em;text-align:center;vertical-align:middle}section>div.navs>a.svg{display:block}