#main{position:relative;background-color:#ececec}#main a.share{position:absolute;right:12px;top:12px}#main #top-title h1{font-size:3rem;color:#000;font-weight:600;margin-bottom:0}#main #top-title .powered-by{font-size:.8rem}#main #top-title .powered-by a{color:inherit}#main #top-title .powered-by img{height:16px;position:relative;top:-2px;left:2px;margin-right:4px}#main #top-title .personalize{font-size:.8rem}#main .section{font-size:12px}#main .section .section-title{background-image:url('/static/img/a-look-back/title-ribbon-left.png');background-size:contain;background-repeat:no-repeat;height:60px}#main .section .section-title h2{position:relative;display:inline-block;margin-top:0;margin-left:45px;height:40px;background-color:#789db1;color:#fff;font-size:1.2rem;font-weight:500;padding-top:2px;padding-left:20px;padding-right:20px;z-index:2;text-transform:uppercase;white-space:nowrap}@media (max-width:767px){#main .section .section-title h2{font-size:15px}}#main .section .section-title h2 .ribbon-text{display:inline-block}@media (max-width:767px){#main .section .section-title h2 .ribbon-text .ribbon-text{font-size:15px;display:inline-block;max-width:300px;overflow-x:hidden;line-height:1.2rem;height:1.2rem;padding-top:1px;position:relative;top:4px}}#main .section .section-title h2 .ribbon-text a{color:#fff}#main .section .section-title h2 .ribbon-text a:hover,#main .section .section-title h2 .ribbon-text a:focus{color:#dcdcdc}#main .section .section-title h2 img.ribbon{position:relative;top:-2px;right:-34px;height:40px}#main .section .section-title h2 img.avatar{height:20px;position:relative;top:-2px;border-radius:50%;margin-right:4px}#main .section .section-title .ribbon-stripes{display:inline-block;width:100%;height:40px;position:relative;top:-50px;left:0px;padding-left:50px;z-index:1}#main .section .section-title .ribbon-stripes .inner{background-image:url('/static/img/patterns/60degree_gray.png');display:inline-block;width:100%;height:40px}#main .section .section-contents h4{overflow-y:hidden;overflow:hidden}#main .section .section-contents img.img-rounded{display:inline-block;border:10px solid #fff;width:80%;height:auto}#main .section .section-contents .weekdays img.img-rounded{border:10px solid #f9f9f9}#main .section .section-contents .insight-badges{flex-wrap:wrap !important;display:flex !important}#main .section .section-contents .insight-badges .insight-badge-wrapper{margin-top:10px;margin-bottom:10px;padding-left:10px;padding-right:10px;display:flex !important;width:33.333%}@media (max-width:1199px){#main .section .section-contents .insight-badges .insight-badge-wrapper{width:50%}}@media (max-width:767px){#main .section .section-contents .insight-badges .insight-badge-wrapper{width:100%}}#main .section .section-contents .insight-badges .insight-badge-wrapper .insight-badge-card{display:block;text-align:left;position:relative;width:100%;height:100%;padding:12px 14px;background-color:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 7px 25px 0 rgba(0,0,0,0.03),0 4px 12px 0 rgba(0,0,0,0.03);color:rgba(0,0,0,0.85);overflow:hidden;text-decoration:none}@media (max-width:767px){#main .section .section-contents .insight-badges .insight-badge-wrapper .insight-badge-card{padding-top:20px}}#main .section .section-contents .insight-badges .insight-badge-wrapper .insight-badge-card i.feather,#main .section .section-contents .insight-badges .insight-badge-wrapper .insight-badge-card span.octicon{font-size:20px;color:#757575;display:inline-block;position:relative;top:-12px;margin-right:19px;margin-left:10px}#main .section .section-contents .insight-badges .insight-badge-wrapper .insight-badge-card .insight-badge-info{display:inline-block}#main .section .section-contents .insight-badges .insight-badge-wrapper .insight-badge-card .insight-badge-info .insight-badge-value{color:#000;font-size:20px;font-weight:600}#main .section .section-contents .insight-badges .insight-badge-wrapper .insight-badge-card .insight-badge-info .insight-badge-desc{font-size:15px;font-weight:400;color:#5e5e5e}#main .section .progress{position:relative;margin-bottom:0;height:16px;margin-top:4px}#main .section .progress .progress-main-text{position:absolute;z-index:6;font-size:12px;line-height:16px;padding-left:10px;padding-right:10px;color:#000;pointer-events:none}#main .section .progress .progress-bar{position:absolute;clear:both}#main .section .progress .progress-bar.progress-bar-success{z-index:5;background-color:#23c823}#main .section .progress .progress-bar.progress-bar-blue{z-index:4;background-color:#4999de}#main .section .progress .progress-bar.progress-bar-info{z-index:3;background-color:#bfd9e7}#main .section .progress .progress-bar span{color:#000;overflow-x:visible;width:100%;position:absolute;left:0px;text-align:left;padding-left:10px;padding-right:10px}#main .section .show-more{margin-top:-10px;margin-bottom:10px;font-size:12px}#main .section .show-more i.fa{font-size:8px}#main .section .project,#main .section .editor,#main .section .operating_system,#main .section .language{margin-bottom:15px}#main .section .project .col-md-3,#main .section .editor .col-md-3,#main .section .operating_system .col-md-3,#main .section .language .col-md-3{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.years{flex-wrap:wrap !important;display:flex !important}.years .year-wrapper{margin-bottom:48px !important;padding-left:24px;padding-right:24px;display:flex !important;width:33%}@media (max-width:1199px){.years .year-wrapper{width:50%}}@media (max-width:767px){.years .year-wrapper{width:100%}}.years .year-wrapper a.year-card{display:block;position:relative;width:100%;height:100%;padding:18px 20px;background-color:#fff;border-radius:.25rem;box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 7px 25px 0 rgba(0,0,0,0.03),0 4px 12px 0 rgba(0,0,0,0.03);transition-property:box-shadow,transform;transition-duration:.4s;transition-timing-function:cubic-bezier(.19, 1, .22, 1);color:rgba(0,0,0,0.85);overflow:hidden;text-decoration:none}.years .year-wrapper a.year-card:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(0,0,0,0.05),0 7px 25px 0 rgba(0,0,0,0.03),0 4px 30px rgba(0,0,0,0.1);text-decoration:none}.years .year-wrapper a.year-card:focus,.years .year-wrapper a.year-card:active{text-decoration:none}.years .year-wrapper a.year-card .year-content h3{margin-top:0;margin-bottom:5px}@media (max-width:767px){.years .year-wrapper a.year-card .year-content h3{font-size:17px}}