html { background-color:rgba(31,73,125,1); }
body { background-color:rgba(31,73,125,1); color:#8EB4E3; margin: 0; margin-left: auto; margin-right:auto; width:810px; padding-left:25px; padding-right:25px; font-family:sans-serif; font-size:small; }
    a:link              { color:yellow; text-decoration:none; }
    a:visited           { color:rgba(255,192,0,1); text-decoration:underline; }
    a:hover             { color:rgba(255,0,102,1); text-decoration:underline; }
    a:active            { color:red; text-decoration:underline; }

img {border:none; }

table {font-size:small;}
table.dark {font-size:small; background-color:#17375E;}
table.alt tr:nth-child(odd) { background-color: #1B416F; padding-bottom:10px; }
table.alt tr:nth-child(even) { background-color: #1F497D; padding-bottom:10px; }
table th.track { font-size:150%; family-family:Georgia; color:rgba(55,96,146,1); text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.35); }

ol li {margin-bottom: 15px;}

h1 {clear:left; color:rgba(198,217,241,1); font-weight:lighter; font-style:italic; font-size:150%; text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.5);}
.book {font-style:normal; margin-left:7.5px; margin-bottom:0.5em; margin-right:7.5px; font-size:225%; margin-top:0px; break-inside:avoid-column; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; }

h2 {clear:left; font-weight:lighter; font-style:normal; font-size:150%; text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.35);}

.chapter {clear:left; font-size:225%; margin-left:7.5px; break-inside:avoid-column; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; margin-bottom:0.5em; margin-top:0px; margin-right:7.5px;}

.bigidea {clear:left; background-color:#17375E; border:7.5px solid #17375E; border-radius:5px; box-shadow: 3.5px 3.5px 7.5px rgba(0,0,0,0.5); break-inside:avoid-column; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; margin-top:0px; margin-bottom:-1px; margin-right:7.5px;}

h3 {clear:left; font-weight:lighter; color:rgba(198,217,241,1); font-style:italic; text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.5); break-inside:avoid-column; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; margin-top:10px; margin-bottom:7.5px;}

b.track {clear:left; family-family:Georgia; color:rgba(55,96,146,1); text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.35); }
.quotationmark { color:rgba(55,96,146,1); text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.35);}

.logo { color:rgba(198,217,241,1); text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.5); }
.alpha { font-family:sans-serif; font-style:italic; font-weight:bold; color:rgba(55,96,146,1); text-shadow: 3.5px 3.5px 10px rgba(0,0,0,0.5); }
.highlight { color:rgba(198,217,241,1); }

.hidephone { font-size:2%; color:rgba(31,73,125,1); }

.udemycount { font-style:italic; font-weight:bold; color:rgba(55,96,146,1); text-shadow: 1px 1px 2px rgba(0,0,0,1); }

.ideapoints {float:left; clear:right; width:660px; margin:7.5px; margin-top:10px; margin-bottom:10px; margin-right:7.5px; break-inside:avoid-column; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid;}

.track_set {clear:left; margin-bottom:0px; margin-top:0px;}

.icon {height:95px; width:95px; float:left; border-radius:10px; box-shadow: 0px 0px 50px rgba(0,0,0,0.5); text-align:center; margin:10px; padding:10px;}

.iconbody {height:95px; width:95px; float:left; border-radius:10px; box-shadow: 0px 0px 50px rgba(0,0,0,0.5); text-align:center; margin:10px; margin-top:20px; clear:left; padding:10px;}