@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background-color:#f7f7f7}.app{max-width:420px;margin:0 auto;background-color:#f1f1f1;font-size:1.4rem}.app,.bookmarks,.feed,.profile,.results{display:grid;grid-template-columns:1fr;grid-gap:2rem}*{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}ion-icon{font-size:2.4rem;cursor:pointer;margin-top:.5rem}.hidden{display:none!important}.card{display:grid;grid-template-columns:1fr;grid-gap:.5rem}.card__header{padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.card__header .photographer__details{display:flex;align-items:center;gap:1rem}.card__header .photographer__details .photographer__pic{width:3rem;height:3rem;border-radius:50%}.card__header .photographer__details .photographer__pic .card__header--pic{width:100%;height:100%;border-radius:50%}.card__header .photographer__details .card__header--meta .photographer__username{cursor:pointer}.card__header .photographer__details .card__header--meta .photo__location{font-size:1.2rem}.card__header .photographer__details .card__header--meta .photographer__username{font-weight:700}.card__body{position:relative}.card__body--pic{width:100%}.card__body--overlay{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);color:#fff;z-index:999999;transition:1s;width:100%;height:100%;overflow:hidden;display:grid;grid-template-columns:1fr;align-items:center}.card__body--overlay .photographer__profile{display:grid;grid-template-columns:1fr;grid-gap:1rem;padding:1rem 2rem}.card__body--overlay .photographer__profile--overview{display:flex;justify-content:space-between;align-items:center;gap:2rem}.card__body--overlay .photographer__profile--overview .photographer__profile--pic{width:6rem;height:6rem}.card__body--overlay .photographer__profile--overview .photographer__profile--pic .photographer__picture--profile{width:100%;height:100%;border-radius:50%}.card__body--overlay .photographer__profile--stats{display:flex;justify-content:space-between;gap:2rem}.card__body--overlay .photographer__profile--stats>div{display:flex;flex-direction:column;align-items:center}.card__body--overlay .photographer__profile--location{display:flex;align-items:center}.card__body--overlay .photographer__profile--unsplash a{text-decoration:none;color:#fff;font-weight:700}.card__body--overlay .photographer__profile--links{display:flex;gap:1rem}.card__body--overlay .photographer__profile--links a{color:#fff;text-decoration:none}.card__footer{padding:0 1rem;display:grid;grid-template-columns:1fr;grid-gap:1rem}.card__footer .card__action{display:flex;justify-content:space-between;align-items:center}.card__footer .card__action .photo__interaction{display:flex;gap:1rem;align-items:center}.card__footer--meta .photo__likes{margin-bottom:.5rem}.card__footer--meta .photographer__name{font-weight:700}.error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:1.5rem}.error ion-icon{font-size:3rem;color:#e74c3c}.spinner{margin:5rem auto;text-align:center}.spinner ion-icon{height:6rem;width:6rem;animation:rotate 2s linear infinite}.pagination .spinner{margin:0 auto;text-align:center}.pagination .spinner ion-icon{height:2.4rem;width:2.4rem;animation:rotate 2s linear infinite}.footer{display:flex;justify-content:center;position:sticky;bottom:0;z-index:999999999;background-color:#eee;padding:1rem}.footer a{text-decoration:none;color:#3498db}.header{display:grid;grid-template-columns:1fr;grid-gap:1rem;padding:1rem;position:sticky;top:0;z-index:99999999999;background-color:#eee}.header__topbar{display:flex;justify-content:space-between;align-items:center}.header__topbar #brand{cursor:pointer}.header__topbar .nav{display:flex;justify-content:space-evenly;align-items:center;gap:1rem}.header__topbar .nav .header__search{display:flex;align-items:center;gap:.5rem;transition:2s}.header__topbar .nav .header__search #header__search--form{height:2.5rem}.header__topbar .nav .header__search #header__search--form #header__search--input{display:block;height:100%;width:100%;padding:.5rem;border-radius:.5rem;border:.1rem solid #e1e1e1;outline:none}.header__title{padding:0 1rem}.pagination{display:flex;justify-content:space-around}.pagination__loadmore,.pagination__next,.pagination__prev{display:flex;align-items:center;gap:.5rem;color:#3498db;cursor:pointer;font-weight:700}.profile__header .photographer__profile{display:grid;grid-template-columns:1fr;grid-gap:1rem;padding:1rem 2rem}.profile__header .photographer__profile--overview{display:flex;justify-content:space-between;align-items:center;gap:2rem}.profile__header .photographer__profile--overview .photographer__profile--pic{width:6rem;height:6rem}.profile__header .photographer__profile--overview .photographer__profile--pic .photographer__picture--profile{width:100%;height:100%;border-radius:50%}.profile__header .photographer__profile--stats{display:flex;justify-content:space-between;gap:2rem}.profile__header .photographer__profile--stats>div{display:flex;flex-direction:column;align-items:center}.profile__header .photographer__profile--location{display:flex;align-items:center}.profile__header .photographer__profile--unsplash a{text-decoration:none;color:#000;font-weight:700}.profile__header .photographer__profile--links{display:flex;gap:1rem}.profile__header .photographer__profile--links a{color:#000;text-decoration:none}.profile__photos--title{padding:0 1rem}.profile__photos{display:grid;grid-template-columns:1fr;grid-gap:2rem}