diff --git a/index.html b/index.html index 078eb75..6ca9ec5 100644 --- a/index.html +++ b/index.html @@ -48,7 +48,7 @@ /* Odometer */ .odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal,.odometer.odometer-theme-minimal .odometer-digit{display:inline-block;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{display:inline-block;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0);transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform:translateY(0);transform:translateY(0)} /*Odometer End*/ -#sharebox,#suggest,ul{list-style-type:none}#pageUrl input,body{font-family:Arial,sans-serif;outline:0}#pointer,#tutorial{z-index:1003;left:50%}#bg1,#pageUrl,#suggest,.card{background-color:#fff}#bg1 div,#pageUrl,#tutStep2,#tutorial,.share{display:none}#bg2,#menu{z-index:1001}#menu,#pageUrl,.card{box-shadow:0 0 20px -4px #000}#dp,#input button,.extrabutton,.share,.suggest{cursor:pointer}#bg1 h2,#extra table,#mainPage,#tutStep1,#username,#vids{text-align:center}#search,.navButtonsCover .navButtons{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAd0AAABGCAMAAAC+Nb5oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Nzk5OWVkZC01ZWUyLWU3NGMtYjQzOC1jYjEzNDk5MWUyNGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkM2MTYxMTk4OEZCMTFFN0E0RkY5QTAwNkRCMTYzMzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkM2MTYxMTg4OEZCMTFFN0E0RkY5QTAwNkRCMTYzMzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDY0NUZGRUY4Njc1MTFFN0I5MTdEQTcwMDU2Q0NCMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDY0NUZGRjA4Njc1MTFFN0I5MTdEQTcwMDU2Q0NCMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5g/RDXAAAACVBMVEX////lLScAAAA8bF9eAAAAA3RSTlP//wDXyg1BAAAEe0lEQVR42uzd2XIbIRAF0Kv+/49OVapScawBerm9iHjeLEuzcAZoGkaCnDacN2Ft7P0N2PiFZDm4VVK7+YvhJuLmK0IKrf1qctuECbYd14M0W8vl5Lf5E3Bpl6PeGTJxlZdT06cPwGVcjWl/yLRV3mCo4i29YRKuxrzLbF1EcZkYle1BwtXYd4lk3HPjUT/gKtZ9+pNou9snsnERxiUHI8W6rIO7SihfF+awMou3UvfhUKGj+wp5lm7uSLFQF2TdRVmcSgjpuHCF95fockL2TUHsi6hAF+Zb0jyuGxdUJela/9mqu31TUHdzn2/ekjqyDmfgzf8eU3djSZnnT+9LIbMeM3X1xfigi0bd7anHdRddeUHiiqgbKcVuXVF0KIEiwfK13BBrFyhmpE8bdRVnZu6VTYmiB13U6/rqri0pNE/3+xKCeNXdDw5VI0VWjpnVMPveNkJX0nSP3S6f95igycBdVN6xuoE9QKObxLu4+uiN6o3jhurScd/rTnA0fUgdkQpD/5n/TleUugicnHXCS3J18Qm6fFzZTlVEGl8DbVZMZdF9/d6eXnx847eNv/qVk3F3TLEoe9aVOaEkLJ8i62pxEcMFBVcOTWkgbMKqPrNu8w5dNS4GtMssXVvzS+qh4slXs64eFwPaZTmEWozFuYwDDNE14GIArpxiLVPowutYp9bdrJg5B1czQnW0+9lr62/T5dR6ydUlTVM26r424i+bdXl62aBr4d0vXMuba/LHzDref18x4qK/Xd7NpNlX1sfn9Tp133hjuCipujpcGBv0z9GFWncbEZtxvbpEXKWuZwVE/QqesC6YuOivuspFo+N0JUcXRNwSXUrLPFXXPb+r5Q3goqBh9gdVwX4Xn6mLxyzUK7XusrLTJl37iEjqeI2n5smKnwbDM3QdeUjqeBedldej+1rP+6XrBm507RwCO1eFtsoLlq6Dt6bqRnXtuU7a+s8or2+Z17OjZXqoVPe8MAMxXMequLC65gQVDZNa18xb1DBveClzCNo4JXQAB++mYRKHrpW3Tle5ljlQ9pauiNRqH3awixhdukbeqbqkVXNYQNI6ZehCfvMTnks1E2+h7rPYUdd5hN0SOWbMpVnY89jxDFrPzIk9t6vXhNEnKtfIIYkX+1bkbl3ZlQMp4FFWpSxe9e6n6jJGiO+65GhWqUAOnS0rMq/WRU7VNSkYhq1e3mUIcaPuG1xxfhiWyC7uu4kQ5z6dTWybsc0P5x+fN5mkeu7hdl0x6NZN3HEOqBgdlepKn65i5u7TdP/sShVNtn4bWTZvUVkr0/rpxfEeyl2qK4pwtXrBTH5xvIVat+qK4ouvP+R7IgPh5CDdrDui4Tar7wseeZu/fftHN5X3R7eMt+gkvpbh/6TbN+Auvce+TkKK9P5iTb5uT3S3SpdV/igDfnTzi7h8BLG8szqHQze1zMsyrTy2QHJ5ZYDuMnXXwFt57Bm/4Vmh25cN7Uns/B0RpfkGSkOu5C0/AU0gUJSAvE5XmnHF+nRCZmL5Pt38RwT32y8BBgDINqoX+oHxQgAAAABJRU5ErkJggg==);background-size:auto 100%}body{background-color:#fafafa;margin:0;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}img{color:transparent}#menu{position:fixed;width:100%;height:50px;left:0;top:0;background-color:#e61919}#bottomPrime,#input,#input button,#topPrime,.card,.navButtonsCover,.suggest div{position:relative}.navButtonsCover{height:100%;width:15vh;min-height:40px;float:right;top:0;cursor:pointer;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}.navButtonsCover .navButtons{position:relative;top:10%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);height:40px;width:40px}#bg2,#pageUrl,#sharebox{position:fixed}#bg1,#mainPage,#pointer,#tutorial{position:absolute}.navButtonsCover[data-child=logo]{float:left}#logo{width:58px;background-position:0 0}#helpButton{background-position:-65px 0}#code{background-position:-115px 0}#share{background-position:-171px 0}#sharebox{top:60px;right:5px;margin:0;padding:0}.share{height:50px;width:50px;margin-bottom:5px;border-radius:50%;background-image:url(/images/social.png)}#bg1,#bg2,#mainPage{width:100%}#tw{background-position:-50px 0}#lnkdIn{background-position:-100px 0}#tb{background-position:0 -50px}#rdit{background-position:-50px -50px}#link{background-position:-100px -50px}#pageUrl,#pageUrl input{text-align:center;width:80%;left:10%;border-radius:4px}#pageUrl{top:20%;z-index:1010;padding:30px;font-size:25px}#pageUrl input{border:none;font-size:30px;padding:10px;background-color:gray;color:#fff;margin:20px}#embedUrl{font-size:20px}#tutorial{height:auto;max-width:50%;width:400px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,.7);border-radius:10px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#pointer{bottom:100%;border:25px solid transparent;border-bottom:30px solid rgba(0,0,0,.7);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#tutorial p,.tutStep2{color:#fff}#tutStep1{font-size:50px;font-weight:900}#tutorial h3{font-size:25px}ol li{padding-top:5px;padding-bottom:5px}.ball{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);border-radius:50vmax;opacity:0}#bg1{display:block;overflow-x:hidden;-webkit-transition:all .5s linear;transition:all .5s linear;min-height:100%;right:0;top:0;z-index:501}#bg1 div{margin-top:60px;-webkit-transition:all .5s;transition:all .5s;opacity:0}#bg1 h2{font-size:6vw;margin:0;font-family:Impact,Arial,sans-serif}#bg1 ol,#bg1 p{font-size:20px;text-align:left;margin-left:20px;margin-right:20px}#bg1 a{color:#e61919;font-weight:600}#bg1 .extrabutton{display:block}#input,label[for=username]{display:inline-block}#bg2,#dp{display:none}#bg2{left:0;top:0;background-color:rgba(0,0,0,.5);height:100%}#mainPage{left:0;bottom:0;top:50px;margin-left:auto;margin-right:auto}.card{width:80%!important;height:auto;margin:20px auto;font-size:1vw;border-radius:4px!important}#dp,#input{height:8vw}#prime{padding-top:2vw;padding-bottom:2vw}#actualCount{font-size:11vw!important}#pubDate,#totalVideos,#totalViews{font-size:3vw!important;line-height:1;font-weight:400}#dp{margin-right:1vw;border-radius:6vw}#input button,#username{border:none;outline:0}#input{margin-left:1vw;width:75%;background-color:#e6e6e6;-webkit-transition:background-color .25s;transition:background-color .25s;border-radius:10px}#input button{height:100%;background-color:#e61919;width:8vw;overflow:hidden;bottom:100%;float:right;display:none;padding:0}#username{color:#000;font-size:3vw;font-family:Arial,sans-serif;float:left;height:100%;width:100%;padding:0;background-color:transparent;-webkit-transition:width .25s;transition:width .25s;border-radius:10px 0 0 10px}#search{height:40px;max-height:60%;width:40px;max-width:60%;margin-left:auto;margin-right:auto;background-position:40px 0}#username:focus{background-color:#ffc8c8;width:90%;-webkit-box-shadow:inset 0 -5px 0 0 #e61919;box-shadow:inset 0 -5px 0 0 #e61919}#username:focus~#inputButton{display:block}#extraContent,#hideextra,#suggest{display:none}#suggest{position:absolute;top:8vw;z-index:400;width:70vw;left:50%;transform:translate(-50%,0);box-shadow:0 4px 10px -4px #000;padding:0;margin:0;overflow:hidden}.suggest{color:#000;height:50px;padding-bottom:10px;padding-top:10px}.extrabutton,.suggest:hover{background-color:#e61919;color:#fff}.suggest div{font-size:2.5vw;margin-left:10px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.suggestImg{float:left;width:50px;height:50px;border-radius:50%;margin-left:10px}#extra table,.myChart-wrapper{margin-left:auto;margin-right:auto}#bottomPrime{width:100%}#extra{font-weight:400;padding-top:15px;padding-bottom:15px}#extra table{border-collapse:collapse;font-size:2vw;font-weight:100}#extra td,#extra th{text-align:left;vertical-align:center;border-bottom:1px solid #ddd;padding:10px 2vw}#milestoneBox{font-size:3vw;font-weight:100}.myChart-wrapper{width:80%}.extrabutton{border:none;outline:0;min-width:150px;height:4vw;width:15vw;font-size:18px;border-radius:4px;font-weight:900;overflow:hidden;z-index:2;margin:20px auto}#vids,#vidsText{font-size:25px}#vids{width:5vw;margin:1vw;border:0;border-bottom:.5vw solid #e61919;background-color:rgba(200,200,200,.3)}a{text-decoration:none}@media only screen and (max-width:800px),screen and (orientation:portrait){.navButtonsCover{width:25%}#bg1 h2{font-size:12vw}#pageUrl{width:100%;left:0}.card{width:98%!important;font-size:3vw}#extra table{font-size:5vw}#milestoneBox{font-size:8vw}#actualCount{font-size:15vw!important}#pubDate,#totalVideos,#totalViews{font-size:8vw!important}#username:focus{width:84%}#username{font-size:6vw}#dp,#input{height:12vw}#suggest{top:12vw;width:87.5vw}#input button{width:12vw}.extrabutton{height:8vw;width:30vw}.myChart-wrapper{width:95%}} +#sharebox,#suggest,ul{list-style-type:none}#pageUrl input,body{font-family:Arial,sans-serif;outline:0}#pointer,#tutorial{left:50%;z-index:1003}#bg1 div,#pageUrl,#tutStep2,#tutorial,.share{display:none}#bg2,#menu{z-index:1001}#menu,#pageUrl,.card{box-shadow:0 0 20px -4px #000}#dp,#input button,.extrabutton,.share,.suggest{cursor:pointer}#search,.navButtonsCover .navButtons{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAd0AAABGCAMAAAC+Nb5oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Nzk5OWVkZC01ZWUyLWU3NGMtYjQzOC1jYjEzNDk5MWUyNGYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkM2MTYxMTk4OEZCMTFFN0E0RkY5QTAwNkRCMTYzMzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkM2MTYxMTg4OEZCMTFFN0E0RkY5QTAwNkRCMTYzMzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDY0NUZGRUY4Njc1MTFFN0I5MTdEQTcwMDU2Q0NCMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDY0NUZGRjA4Njc1MTFFN0I5MTdEQTcwMDU2Q0NCMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5g/RDXAAAACVBMVEX////lLScAAAA8bF9eAAAAA3RSTlP//wDXyg1BAAAEe0lEQVR42uzd2XIbIRAF0Kv+/49OVapScawBerm9iHjeLEuzcAZoGkaCnDacN2Ft7P0N2PiFZDm4VVK7+YvhJuLmK0IKrf1qctuECbYd14M0W8vl5Lf5E3Bpl6PeGTJxlZdT06cPwGVcjWl/yLRV3mCo4i29YRKuxrzLbF1EcZkYle1BwtXYd4lk3HPjUT/gKtZ9+pNou9snsnERxiUHI8W6rIO7SihfF+awMou3UvfhUKGj+wp5lm7uSLFQF2TdRVmcSgjpuHCF95fockL2TUHsi6hAF+Zb0jyuGxdUJela/9mqu31TUHdzn2/ekjqyDmfgzf8eU3djSZnnT+9LIbMeM3X1xfigi0bd7anHdRddeUHiiqgbKcVuXVF0KIEiwfK13BBrFyhmpE8bdRVnZu6VTYmiB13U6/rqri0pNE/3+xKCeNXdDw5VI0VWjpnVMPveNkJX0nSP3S6f95igycBdVN6xuoE9QKObxLu4+uiN6o3jhurScd/rTnA0fUgdkQpD/5n/TleUugicnHXCS3J18Qm6fFzZTlVEGl8DbVZMZdF9/d6eXnx847eNv/qVk3F3TLEoe9aVOaEkLJ8i62pxEcMFBVcOTWkgbMKqPrNu8w5dNS4GtMssXVvzS+qh4slXs64eFwPaZTmEWozFuYwDDNE14GIArpxiLVPowutYp9bdrJg5B1czQnW0+9lr62/T5dR6ydUlTVM26r424i+bdXl62aBr4d0vXMuba/LHzDref18x4qK/Xd7NpNlX1sfn9Tp133hjuCipujpcGBv0z9GFWncbEZtxvbpEXKWuZwVE/QqesC6YuOivuspFo+N0JUcXRNwSXUrLPFXXPb+r5Q3goqBh9gdVwX4Xn6mLxyzUK7XusrLTJl37iEjqeI2n5smKnwbDM3QdeUjqeBedldej+1rP+6XrBm507RwCO1eFtsoLlq6Dt6bqRnXtuU7a+s8or2+Z17OjZXqoVPe8MAMxXMequLC65gQVDZNa18xb1DBveClzCNo4JXQAB++mYRKHrpW3Tle5ljlQ9pauiNRqH3awixhdukbeqbqkVXNYQNI6ZehCfvMTnks1E2+h7rPYUdd5hN0SOWbMpVnY89jxDFrPzIk9t6vXhNEnKtfIIYkX+1bkbl3ZlQMp4FFWpSxe9e6n6jJGiO+65GhWqUAOnS0rMq/WRU7VNSkYhq1e3mUIcaPuG1xxfhiWyC7uu4kQ5z6dTWybsc0P5x+fN5mkeu7hdl0x6NZN3HEOqBgdlepKn65i5u7TdP/sShVNtn4bWTZvUVkr0/rpxfEeyl2qK4pwtXrBTH5xvIVat+qK4ouvP+R7IgPh5CDdrDui4Tar7wseeZu/fftHN5X3R7eMt+gkvpbh/6TbN+Auvce+TkKK9P5iTb5uT3S3SpdV/igDfnTzi7h8BLG8szqHQze1zMsyrTy2QHJ5ZYDuMnXXwFt57Bm/4Vmh25cN7Uns/B0RpfkGSkOu5C0/AU0gUJSAvE5XmnHF+nRCZmL5Pt38RwT32y8BBgDINqoX+oHxQgAAAABJRU5ErkJggg==);background-size:auto 100%}body{background-color:#fafafa;margin:0;-webkit-tap-highlight-color:transparent;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}img{color:transparent}#menu{position:fixed;width:100%;height:50px;left:0;top:0;background-color:#e61919}#bottomPrime,#input,#input button,#topPrime,.card,.navButtonsCover,.suggest div{position:relative}.navButtonsCover{height:100%;width:15vh;min-height:40px;float:right;top:0;cursor:pointer;-webkit-transition:background-color .5s linear;transition:background-color .5s linear}.navButtonsCover .navButtons{position:relative;top:10%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);height:40px;width:40px}#bg2,#pageUrl,#sharebox{position:fixed}.navButtonsCover[data-child=logo]{float:left}#logo{width:58px;background-position:0 0}#helpButton{background-position:-65px 0}#code{background-position:-115px 0}#share{background-position:-171px 0}#sharebox{top:60px;right:5px;margin:0;padding:0}.share{height:50px;width:50px;margin-bottom:5px;border-radius:50%;background-image:url(/images/social.png)}#bg1,#bg2,#mainPage{width:100%}#tw{background-position:-50px 0}#lnkdIn{background-position:-100px 0}#tb{background-position:0 -50px}#rdit{background-position:-50px -50px}#link{background-position:-100px -50px}#pageUrl{top:20%;z-index:1010;background-color:#fff;font-size:35px;font-weight:600}#pageUrl input{border:none;font-size:30px;background-color:gray;color:#fff}#pageUrl,#pageUrl input{text-align:center;width:80%;left:10%;border-radius:4px;padding:20px 0;margin:20px 0}#embedUrl{font-size:20px}#tutorial{position:absolute;height:auto;max-width:100%;width:400px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,.7);border-radius:10px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#pointer{position:absolute;bottom:100%;border:25px solid transparent;border-bottom:30px solid rgba(0,0,0,.7);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#tutorial p,.tutStep2{color:#fff}#tutStep1{font-size:50px;text-align:center;font-weight:900}#tutorial h3{font-size:25px}ol li{padding-top:5px;padding-bottom:5px}.ball{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);border-radius:50vmax;opacity:0}#bg1{display:block;overflow-x:hidden;-webkit-transition:all .5s linear;transition:all .5s linear;min-height:100%;right:0;top:0;position:absolute;background-color:#fff;z-index:501}#bg1 div{margin-top:60px;-webkit-transition:all .5s;transition:all .5s;opacity:0}#bg1 h2{text-align:center;font-size:6vw;margin:0;font-family:Impact,Arial,sans-serif}#bg1 ol,#bg1 p{font-size:20px;text-align:left;margin-left:20px;margin-right:20px}#bg1 a{color:#e61919;font-weight:600}#bg1 .extrabutton{display:block}#bg2,#dp{display:none}#bg2{left:0;top:0;background-color:rgba(0,0,0,.5);height:100%}#mainPage{position:absolute;left:0;bottom:0;top:50px;margin-left:auto;margin-right:auto;text-align:center}.card{width:80%!important;height:auto;margin:20px auto;font-size:1vw;border-radius:4px!important;background-color:#fff}#suggest,#username{width:100%;padding:0}#dp,#input{height:8vw}#prime{padding-top:2vw;padding-bottom:2vw}#actualCount{font-size:11vw!important}#pubDate,#totalVideos,#totalViews{font-size:3vw!important;line-height:1;font-weight:400}label[for=username]{display:inline-block}#dp{margin-right:1vw;border-radius:6vw}#input button,#username{border:none;outline:0}#input{display:inline-block;margin-left:1vw;width:75%;background-color:#e6e6e6;-webkit-transition:background-color .25s;transition:background-color .25s;border-radius:3px}#input button{height:100%;background-color:#e61919;width:8vw;overflow:hidden;bottom:100%;float:right;display:none;padding:0}#username{color:#000;font-size:3vw;font-family:Arial,sans-serif;text-align:center;float:left;height:100%;background-color:transparent;-webkit-transition:width .25s;transition:width .25s;border-radius:3px 0 0 3px}#search{height:40px;max-height:60%;width:40px;max-width:60%;margin-left:auto;margin-right:auto;background-position:40px 0}#username:focus{background-color:#ffc8c8;width:90%;-webkit-box-shadow:inset 0 -5px 0 0 #e61919;box-shadow:inset 0 -5px 0 0 #e61919}#username:focus~#inputButton{display:block}#extraContent,#hideextra,#suggest{display:none}#suggest{position:absolute;left:0;top:8vw;z-index:400;box-shadow:0 4px 10px -4px #000;margin:0;overflow:hidden;background-color:#fff}.suggest{color:#000;height:50px;padding-bottom:10px;padding-top:10px}.extrabutton,.suggest:hover{background-color:#e61919;color:#fff}.suggest div{font-size:25px;text-align:left;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.suggestImg{float:left;width:50px;height:50px;border-radius:50%;margin-left:10px;margin-right:10px}#extra table,.myChart-wrapper{margin-left:auto;margin-right:auto}#bottomPrime{width:100%}#extra{font-weight:400;padding-top:15px;padding-bottom:15px}#extra table{border-collapse:collapse;font-size:2vw;font-weight:100;text-align:center}#extra td,#extra th{text-align:left;vertical-align:center;border-bottom:1px solid #ddd;padding:10px 2vw}#milestoneBox{font-size:3vw;font-weight:100}.myChart-wrapper{width:80%}.extrabutton{border:none;outline:0;min-width:150px;height:4vw;width:15vw;font-size:18px;border-radius:4px;font-weight:900;overflow:hidden;z-index:2;margin:20px auto}#vids,#vidsText{font-size:25px}#vids{text-align:center;width:5vw;margin:1vw;border:0;border-bottom:.5vw solid #e61919;background-color:rgba(200,200,200,.3)}a{text-decoration:none}@media only screen and (max-width:800px),screen and (orientation:portrait){.navButtonsCover{width:25%}#bg1 h2{font-size:12vw}#pageUrl,#pageUrl input{width:100%;left:0}.card{width:98%!important;font-size:3vw}#extra table{font-size:5vw}#milestoneBox{font-size:8vw}#actualCount{font-size:15vw!important}#pubDate,#totalVideos,#totalViews{font-size:8vw!important}#username:focus{width:84%}#username{font-size:6vw}#dp,#input{height:12vw}#suggest{top:12vw}#input button{width:12vw}.extrabutton{height:8vw;width:30vw}.myChart-wrapper{width:95%}}
@@ -75,7 +75,7 @@ -Select and copy the URL of this page below and use it to share this page anywhere! +Shareable Link: