body{font-family: sans-serif}
li {margin:1em}
i.small{font-size:small}
i.small2{font-size:small;color:#3f51b5}
a.menu,a.menu:visited {	padding:8px 16px;text-decoration:none;border-radius: 4px;color:white}
a.menu:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,1)}
a.button,a.button:visited {min-width:15em;padding:8px 16px;text-align:center;text-decoration:none;border-radius: 4px;color:white;background-color: green;}
a.button:hover {box-shadow:0 8px 8px 0 rgba(0,0,0,1)}
a.eula,a.eula:visited {	padding:8px 16px;text-decoration:none;border-radius: 4px;color:white;background-color:darkred;margin:32px}
a.eula:hover {box-shadow:0 8px 16px 0 rgba(0,0,0,1)}
a.docs,a.docs:visited,a.videos,a.videos:visited {font-weight:bold;text-decoration:none}
div.flex {display:flex;align-items:center}
div.bar {display:flex;justify-content:space-evenly;align-items: center;background-color:#3f51b5}
div.bar1 {display:flex;justify-content:space-evenly;align-items: center;background-color:#f0f0f0}
div.bar2 {display:flex;justify-content:space-evenly;align-items: center}
div.col {display:flex;flex-direction:column;align-items:center; margin-top: 2%;margin-bottom: 2%;}
div.trybuy {margin:1% 2% 2% 2%;max-width:20em;flex-basis:33%}
div.trybuyitem {display:flex;justify-content:center;align-items:center;width:80%}
div.trybuylist {min-height:12em}
div.panel1 {display:flex;justify-content:center;align-items: center;flex-wrap: wrap; background-color:#f0f0f0}
div.panel2 {display:flex;justify-content:center;align-items: center;flex-wrap:wrap }
div.feat {margin:1% 5% 2% 5%; max-width:25em}
div.image {	display: flex; justify-content: center; align-items: center	}
div.eula {margin:5% 5% 5% 5%;max-width:50em}
div.asterisk {margin:0% 5% 0% 5%;align-content:center;justify-content:center;text-align: center;flex-basis:99%}
div.announce {margin:0% 15% 0% 15%;align-content:center;justify-content:center;text-align: center;flex-basis:99%;color:darkred}
img.feat,iframe.feat {margin:5% 5% 5% 5%;max-width:40em}
img.subfeat {max-width:25em}
.title1 {font-size: 48px;font-style:italic;margin-left: 0.5em;margin-right: 0.5em;}
.title1a {font-size: 32px;font-style:italic;margin-left: 0.5em;margin-right: 0.5em;}
.title1b {font-size: 24px;font-style:italic;margin-left: 0.5em;margin-right: 0.5em;}
.title2 {text-align: center;color:#3f51b5;font-style:italic}
.title3 {text-align: center;font-style:italic;color:white}
iframe.video {width:420;height:345}
.buygrid {display:grid; grid-template-columns: auto auto auto;}