Brak opisu

style.min.css 13KB

12
  1. @import url(https://fonts.googleapis.com/css?family=Roboto);body{margin:0;font-family:Avenir, Helvetica, sans-serif;line-height:1.5}a,a:hover,a:focus,a:active{text-decoration:none;color:#fff}.modal{overflow-y:auto}#main-header{min-height:8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:2;background:rgba(255,255,255,0.7);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#logo{font-size:1.7em;text-decoration:none;color:#606060;height:initial;padding:0.3em 1em;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:155px}#logo:hover,#logo:active,#logo:focus{color:#333}#account{padding:0.3em 1em}.nav-link{font-size:1.2em;padding:calc(1em / 2) 1em;text-decoration:none;color:#333;position:relative;-webkit-transition:color 150ms ease-in-out;transition:color 150ms ease-in-out}.nav-link:after{content:'';position:absolute;bottom:0;height:2px;left:1em;right:1em;background-color:#606060;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}.nav-link:hover::after,.nav-link:focus::after,.nav-link:active::after{-webkit-transform:scaleX(1);transform:scaleX(1)}.nav-link:hover,.nav-link:focus,.nav-link:active{color:#606060}.sign-out{padding:0.5em 1em;background-color:#217ce4;color:#fff;text-decoration:none;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05),-1px 1px 2px 1px rgba(0,0,0,0.02);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05),-1px 1px 2px 1px rgba(0,0,0,0.02);-webkit-transition-property:background-color, -webkit-box-shadow;transition-property:background-color, -webkit-box-shadow;transition-property:background-color, box-shadow;transition-property:background-color, box-shadow, -webkit-box-shadow;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.sign-out:hover,.sign-out:focus,.sign-out:active{background-color:#3d88df;-webkit-box-shadow:1px 4px 5px 1px rgba(0,0,0,0.1);box-shadow:1px 4px 5px 1px rgba(0,0,0,0.1)}.google-button{height:40px;border-width:0;background:#fff;color:#737373;border-radius:none;white-space:nowrap;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05),-1px 1px 2px 1px rgba(0,0,0,0.02);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05),-1px 1px 2px 1px rgba(0,0,0,0.02);-webkit-transition-property:background-color, -webkit-box-shadow;transition-property:background-color, -webkit-box-shadow;transition-property:background-color, box-shadow;transition-property:background-color, box-shadow, -webkit-box-shadow;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.google-button:focus,.google-button:hover{-webkit-box-shadow:1px 4px 5px 1px rgba(0,0,0,0.1);box-shadow:1px 4px 5px 1px rgba(0,0,0,0.1);cursor:pointer}.google-button:active{background-color:#e5e5e5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition-duration:10ms;transition-duration:10ms}.google-button__icon{margin:5px;width:18px;height:18px}.google-button__text{padding:0 12px;font-size:14px;font-family:'Roboto', Arial, sans-serif}#experience-main{background-color:#606060;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:calc(100vh - 8rem - 40vh);padding:3em 5em}#experience-main h3{color:#606060}.experience-lead{color:#fff;font-size:2em;margin:0 0 2em 0;border-bottom:#fff;border-bottom-width:3px;border-bottom-style:solid}#experience-content{display:-ms-grid;display:grid;grid-gap:2em;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;margin-bottom:1em}.grid-box{background-color:#fff;height:15em;width:15em;border-radius:15px;-webkit-box-shadow:1px 1px 3px 1px #333;box-shadow:1px 1px 3px 1px #333;-ms-grid-column-align:center;justify-self:center;padding:3em 2em;position:relative;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;cursor:pointer}.grid-box .box-title{color:#333;font-size:1.5em;margin-bottom:2em}.grid-box .box-dates{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#606060;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grid-box .box-weeks{color:#606060}.grid-box .box-edit{position:absolute;right:0;bottom:0;font-size:1.5em;background-image:-webkit-gradient(linear, left top, right bottom, from(#fff), to(#e4e1d7));background-image:linear-gradient(to bottom right, #fff, #e4e1d7);height:2em;width:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom-right-radius:15px}.grid-box .box-edit a{color:#217ce4}.grid-box .box-weeks.warning{color:#c83631;font-size:1.1em}.grid-box#new-experience{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-box#new-experience span{color:#217ce4;font-size:5em}.grid-box#new-experience h4{color:#606060;margin:0}.grid-box:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}#welcome{margin-top:8rem;min-height:40vh;background:#333 url(../img/cytonn-photography-GJao3ZTX9gU-unsplash.jpeg) no-repeat top left;background-size:cover;position:relative;background-blend-mode:screen;border-bottom:3px solid #f0c873}#welcome-text{position:absolute;bottom:3vh;left:5vw;width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#welcome-image{height:75px;width:75px;border-radius:50%;margin-bottom:15px;border:2px solid #fff;-webkit-box-shadow:1px 1px 10px 0px #222;box-shadow:1px 1px 10px 0px #222}#welcome-user{color:#fff;text-shadow:1px 1px 5px #222;font-size:3rem;margin:0}#home-main{background-color:#606060;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;min-height:60vh;padding:2.5em 2em;color:#fff}#home-main h3{font-size:1.5em}#home-main p{font-size:1.3em}#main-sidebar{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:2em}#main-sidebar h3{font-weight:700}#main-sidebar ul{margin:0;padding-left:1em}#main-sidebar li{list-style:none;font-size:1.3em}#main-sidebar a{opacity:0.7;text-decoration:none}#main-sidebar a.active,#main-sidebar a:hover,#main-sidebar a:focus,#main-sidebar a:active{opacity:1}.main-content{-webkit-box-flex:3;-ms-flex:3;flex:3;overflow:hidden}.main-content-box{display:none}.main-content-box.show{display:block}.main-content-box #team-images{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:1em;justify-items:center;margin:2em 0}.main-content-box #team-images img{height:100px;width:100px;border-radius:50%}#showcase{margin-top:8rem;min-height:calc(100vh - 8rem);background:#333 url(../img/andrew-neel-cckf4TsHAuw-unsplash.jpeg) no-repeat left top;background-size:cover;position:relative;background-blend-mode:screen;border-bottom:3px #f0c873 solid}#showcase-text{position:absolute;top:10vh;right:5vw;width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-shadow:1px 1px 5px #222}#showcase-heading{font-size:3em;color:#fff;width:100%;margin-bottom:0.25em;text-align:right}#showcase-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#showcase-link a{color:#fff;font-size:1.8em;text-decoration:underline}#showcase-link a:hover{text-decoration:none}#view-experience-showcase{background-color:#606060;margin-top:8rem;color:#fff;padding:1em 5em;border-bottom:3px solid #f0c873}#view-experience-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#view-experience-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;width:18em;margin:0 3em}#experience-pen{color:#fff;background-color:#217ce4;border-radius:15px;padding:0.75em;font-size:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);cursor:pointer;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}#experience-pen:hover,#experience-pen:focus,#experience-pen:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}#view-experience-tabs{margin:1em 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}#view-experience-tabs a{font-size:1.2em;padding:0 1em;text-decoration:none;position:relative;-webkit-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out;opacity:0.6;font-weight:bold}#view-experience-tabs a:after{content:'';position:absolute;bottom:0;height:1px;left:1em;right:1em;background-color:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}#view-experience-tabs a:hover::after,#view-experience-tabs a:focus::after,#view-experience-tabs a:active::after,#view-experience-tabs a.active::after{-webkit-transform:scaleX(1);transform:scaleX(1)}#view-experience-tabs a.active,#view-experience-tabs a:hover,#view-experience-tabs a:focus,#view-experience-tabs a:active{opacity:1}#view-experience-content{background-color:#fff;min-height:calc(100vh - 8rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#main-footer{background:#2e2e2e;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:10vh;padding:2em;border-top:3px solid #f0c873}#main-footer p{margin:0;font-size:1.2em}#main-footer a{color:#aaa;text-decoration:none}#main-footer a:hover,#main-footer a:active,#main-footer a:focus{color:#fff;text-decoration:underline}@media (max-width: 880px){#showcase{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#showcase-text{position:initial;min-width:70%}#showcase-heading{text-align:center}#showcase-link{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#main-sidebar{display:none}}@media (max-width: 780px){#experience-lead{text-align:center}#experience-content{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media (max-width: 580px){#experience-lead h2{margin:20px auto 10px auto}#experience-content{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (min-width: 1080px){#experience-content{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}}
  2. /*# sourceMappingURL=style.min.css.map */