:root,body{scroll-behavior:smooth}body{background-color:#1d1d1d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:22px;overflow-y:scroll;overflow-x:hidden;margin:0}a,body{color:#fff}a{text-decoration:none;cursor:pointer}.navbar{background-color:#141414;box-shadow:0 6px 8px hsla(0,0%,100%,.1);position:fixed;display:flex;justify-content:space-between;align-items:center;padding:0 24px;transition:height 1s cubic-bezier(.4,0,.2,1);height:72px;z-index:100;right:0;top:0;left:0}.navbar.navbar--expanded{height:100%}.navbar.navbar--expanded .links,.navbar.navbar--expanded .navbar-right{transition-delay:0ms;transition-duration:0ms;opacity:0}.logo__wrapper{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.logo__wrapper .logo{max-height:50%;max-width:100%;cursor:pointer;transition:transform 1s ease;transform:scale(1);transform-origin:left}.navbar--expanded .logo{pointer-events:none}.links{display:flex;align-items:center;list-style:none;width:33.33333%;padding:0;margin:0}.links li{margin:0 8px;opacity:.7;cursor:pointer}.links li.selected,.links li:hover{opacity:1}.navbar-right{width:33.33333%;display:flex;justify-content:flex-end;align-items:center}.navbar-right .icon{height:26px;width:26px}.navbar-right .avatar{display:block;height:42px;width:42px}.navbar-right .name{margin-left:12px}.navbar-right>*{display:flex;align-items:center;margin-left:26px}.links,.navbar-right{transition:opacity .5s ease;transition-delay:1.25s;opacity:1}.content{padding:106px 0}.info{text-align:center;font-size:16px;opacity:.7;padding:0 16px;margin-bottom:24px}.list{flex-wrap:nowrap;overflow:visible;position:relative;scroll-behavior:smooth;padding:0 24px;margin-bottom:30px;transition:left .3s ease;left:0}.list,.list__title{display:flex;align-items:center}.list__title{margin:0 24px 6px;padding:4px 0;text-transform:uppercase;font-weight:700;letter-spacing:1px}.list__title img{margin-left:4px;height:22px;width:22px}.thumbnail{background-color:hsla(0,0%,100%,.1);margin-right:20px;position:relative;width:355px;outline:4px solid transparent;transition:transform .3s ease,margin .3s ease}.thumbnail img{width:inherit;max-width:inherit;display:block}.thumbnail .thumbnail__title{background-image:linear-gradient(transparent,rgba(0,0,0,.9) 90%);font-size:18px;font-weight:700;position:absolute;padding:60px 14px 10px;visibility:hidden;bottom:0;right:0;left:0;z-index:5}.thumbnail:focus .thumbnail__title{visibility:visible}body:not(.is-mobile) .thumbnail:focus{transform:scale(1.4);margin:0 94px 0 70px;outline-color:#fff}.is-mobile .navbar{padding:0 12px}.is-mobile .navbar.navbar--expanded .logo{transform:scale(1.3)}.is-mobile .links>*,.is-mobile .name,.is-mobile .search-button{display:none}.is-mobile .navbar-right>*{margin-left:12px}.is-mobile .list{overflow-x:auto;padding:0 12px}.is-mobile .list__title{margin-left:12px}.is-mobile .thumbnail{max-width:80vw}
/*# sourceMappingURL=https://iagobruno.github.io/navbar-as-splashscreen-demo/style.44cb666d.css.map */