:root{--color-primary: #484041;--color-primary-light: #77696B;--color-primary-dark: #20121D;--color-light: #fff;--color-danger: #eb2f64;--color-danger-light: #FF3366;--color-grey-light-1: #faf9f9;--color-grey-light-2: #f4f2f2;--color-grey-light-3: #f0eeee;--color-grey-light-4: #ccc;--color-grey-dark-1: #333;--color-grey-dark-2: #777;--color-grey-dark-3: #999;--shadow-dark: 0 2rem 6rem rgba(0,0,0, .3);--shadow-light: 0 2rem 5rem rgba(0, 0, 0, .1);--border-bottom: 2px solid var(--color-grey-light-2)}*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 68.75em){html{font-size:56.25%}}body{font-family:"Open Sans",sans-serif;font-weight:400;line-height:1.6;color:var(--color-grey-dark-2);background-image:linear-gradient(to right bottom,var(--color-primary-light),var(--color-primary-dark));background-size:cover;background-repeat:no-repeat;min-height:100vh}.container{max-width:120rem;margin:8rem auto;background-color:var(--color-grey-light-1);box-shadow:var(--shadow-dark);min-height:50rem}@media only screen and (max-width: 75em){.container{margin:0;max-width:100%;width:100%}}.header{height:7rem;background-color:var(--color-light);border-bottom:var(--border-bottom)}.content{display:flex}@media only screen and (max-width: 56.25em){.content{flex-direction:column}}.navbar{background-color:var(--color-grey-dark-1);flex:0 0 18%}.main{background-color:var(--color-light);flex:1}.btn-inline{border:none;color:var(--color-danger);font-size:inherit;border-bottom:1px solid currentColor;padding-bottom:2px;display:inline-block;background-color:transparent;cursor:pointer;transition:all .2s}.btn-inline span{margin-left:3px;transition:margin-left .2s}.btn-inline:hover{color:var(--color-primary)}.btn-inline:hover span{margin-left:8px}.btn-inline:focus{outline:none;animation:pulsate 1s ease-out infinite}.paragraph:not(:last-of-type){margin-bottom:2rem}.list{list-style:none;margin:2rem 0!important;padding:3rem!important;border-top:var(--border-bottom);border-bottom:var(--border-bottom);display:flex;flex-wrap:wrap}.list__item{flex:0 0 50%;margin-bottom:.7rem}.list__item:before{content:"";display:inline-block;height:1rem;width:1rem;margin-right:.7rem;background-color:var(--color-danger);-webkit-mask:url(chevron-thin-right.2beb1683c74ad49d.svg) no-repeat center;mask:url(chevron-thin-right.2beb1683c74ad49d.svg) no-repeat center}.recommended{font-size:1.3rem;color:var(--color-grey-dark-3);display:flex;align-items:center}.recommended__count{margin-left:1rem!important;margin-right:auto!important}.recommended__friends{display:flex}.recommended__photo{box-sizing:border-box;height:4rem;width:4rem;border-radius:50%;border:3px solid var(--color-light)}.recommended__photo:not(:last-child){margin-right:-2rem}@keyframes pulsate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}