-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.353205a4.css
2 lines (2 loc) · 9.89 KB
/
index.353205a4.css
1
2
*,:after,:before{box-sizing:border-box}*,:after,:before,li,ul{margin:0;padding:0}ul{list-style:none}img{max-width:100%}body{color:#143251;font-family:Futura,Hind,sans-serif;font-size:16px}strong{font-weight:700}em{font-style:italic}html{scroll-behavior:smooth}.body,html{max-width:100vw;overflow-x:hidden}.body{background:linear-gradient(to bottom right,#fafafa,#f2f2f2);font-weight:300}.body .frame{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.body .frame:before{border-image-outset:1;border-image-repeat:stretch;border-image-slice:1;border-image-source:linear-gradient(to bottom right,#143251,#43e4c6);border-image-width:5vmin;border-style:solid;z-index:-2}.body .frame:after,.body .frame:before{content:"";height:100vh;left:0;position:fixed;top:0;width:100%}.body .frame:after{border:2.5vmin dashed #43e4c6;z-index:-4}.section-title{margin:0 0 1.5rem}a{position:relative;text-decoration:none;transition:all .1s linear;z-index:1}a,a:active,a:focus,a:hover,a:visited{color:#143251}a:hover:before{opacity:1}a:after,a:before{background-color:#b2f4e8;bottom:-1px;content:"";left:0;position:absolute;transition:all .4s ease;width:100%;z-index:-4}a:after{height:.25rem}a:before{height:110%;opacity:0}.header{display:flex;flex-direction:column;min-height:100vh}@media (min-width:768px){.header{align-content:flex-start;display:flex;flex-flow:row wrap;min-height:50vh;padding:0 10vmin}}@media (min-width:1024px){.header{min-height:100vh;padding:10vmin}}@media (min-width:1280px){.header{display:grid;grid-template-areas:"hello . . pictures" "navigation . . .";padding:10vmin 15vmin}}@media (min-width:1920px){.header{padding:10vmin 20vmin}}.header__hello{grid-area:hello;margin:10vh auto 0}@media (min-width:768px){.header__hello{height:auto;margin:10vh 0 0;max-width:500px;width:50%}}.header__title{font-size:1.4rem;font-weight:400;grid-area:title;line-height:140%}@media (min-width:768px){.header__title{font-size:2rem}}@media (min-width:1024px){.header__title{font-size:2.5rem}}@media (min-width:1280px){.header__title{font-size:3rem}}.header__title__name{display:block;font-weight:700}.header__subtitle{margin:.5rem auto 2rem;text-align:left}@media (min-width:768px){.header__subtitle{font-size:1.1rem}}@media (min-width:1024px){.header__subtitle{font-size:1.2rem}}@media (min-width:1280px){.header__subtitle{font-size:1.3rem}}.header__pictures{grid-area:pictures;height:200px;left:10%;margin:5vmin auto auto;position:relative;width:200px}@media (min-width:768px){.header__pictures{margin:10vh auto 0}}@media (min-width:1280px){.header__pictures{height:250px;left:0;margin:10vh 0 0;right:0;width:250px}}.header__pictures__item{height:100px;left:calc(50% - 50px);position:absolute;top:calc(50% - 50px);width:100px}.header__pictures__item img{border:4px dashed #143251;height:100%;object-fit:cover;object-position:center;transition:all .08s ease;width:100%}@media (min-width:768px){.header__pictures__item{height:150px;left:calc(50% - 75px);top:calc(50% - 75px);width:150px}}@media (min-width:1280px){.header__pictures__item{height:200px;left:calc(50% - 100px);top:calc(50% - 100px);width:200px}.header__pictures__item img:hover{border:8px dashed #143251}}.header__pictures__item:first-of-type{left:-10%;top:50%;transform:rotate(10deg);z-index:10}@media (min-width:768px){.header__pictures__item:first-of-type{left:-40%;top:80%}}@media (min-width:1280px){.header__pictures__item:first-of-type img:hover{transform:scale(1.4) translate(10%)}}.header__pictures__item:nth-of-type(2){left:20%;top:20%;transform:rotate(-6deg);z-index:9}@media (min-width:768px){.header__pictures__item:nth-of-type(2){top:40%}}@media (min-width:1280px){.header__pictures__item:nth-of-type(2) img:hover{transform:scale(1.4) translate(15%)}}.header__pictures__item:nth-of-type(3){left:-15%;top:5%;transform:rotate(-2deg);z-index:8}@media (min-width:768px){.header__pictures__item:nth-of-type(3){left:-45%}}@media (min-width:1280px){.header__pictures__item:nth-of-type(3) img:hover{transform:scale(1.4) translate(-15%)}}.header__pictures__item:nth-of-type(4){left:30%;top:-10%;transform:rotate(10deg);z-index:7}@media (min-width:768px){.header__pictures__item:nth-of-type(4){left:20%}}@media (min-width:1280px){.header__pictures__item:nth-of-type(4) img:hover{transform:scale(1.4) translate(15%,-15%)}}.nav{grid-area:navigation;margin:0 auto 10vmin}@media (min-width:768px){.nav{font-size:1.3rem;margin:0 auto 0 0;width:50%}}@media (min-width:1024px){.nav{font-size:1.4rem;margin-top:20vh}}@media (min-width:1280px){.nav{font-size:1.5rem}}.nav__list{display:flex}@media (min-width:768px){.nav__list{flex-flow:column}}.nav__item{margin:0 1rem}@media (min-width:768px){.nav__item{margin:.5rem auto .5rem 0}}.about{padding:10vmin;position:relative}.about:before{background-color:#eff6f6;content:"";height:110%;left:-10%;position:absolute;top:-10%;transform:rotate(-3deg);width:120%;z-index:-5}@media (min-width:768px){.about{align-items:flex-start;display:flex;flex-flow:row wrap;padding:10vmin 10vmin 0}.about:before{height:100%;top:5%}}@media (min-width:1024px){.about:before{height:110%;top:-10%}}@media (min-width:1280px){.about{padding:10vmin 15vmin 0}}@media (min-width:1920px){.about{padding:10vmin 15vmin 0 20vmin}}.about .section-title{width:100%}.about__text{font-weight:300;line-height:1.4;margin-bottom:1.4rem}.about__text:last-of-type{margin-bottom:0}@media (min-width:768px){.about__main{display:inline-block;max-width:550px;width:50%}}.about__passions{left:3.5vw;margin:10vh auto;position:relative;transform:rotate(-5deg)}@media (min-width:768px){.about__passions{margin:0 auto auto;max-width:550px;top:-2rem;transform:rotate(-6deg)}}@media (min-width:1024px){.about__passions{top:-5rem;transform:rotate(-7deg)}}.about__passions__text{font-family:Covered By Your Grace,monospace;font-size:1.5rem;line-height:1;margin:1rem auto;position:relative}@media (min-width:768px){.about__passions__text{margin:1.3rem auto}}@media (min-width:1024px){.about__passions__text{margin:1.5rem auto}}.about__passions__text--small{font-size:1.4rem}@media (min-width:768px){.about__passions__text--small{font-size:1.6rem}}@media (min-width:1024px){.about__passions__text--small{font-size:1.8rem}}.about__passions__text--medium{font-size:1.8rem}@media (min-width:768px){.about__passions__text--medium{font-size:2rem}}@media (min-width:1024px){.about__passions__text--medium{font-size:2.3rem}}.about__passions__text--large{font-size:2.2rem}@media (min-width:768px){.about__passions__text--large{font-size:2.2rem}}@media (min-width:1024px){.about__passions__text--large{font-size:2.8rem}.about__passions__text:first-of-type{left:-2rem}.about__passions__text:nth-of-type(2){left:-.5rem}.about__passions__text:nth-of-type(3){left:.5rem}.about__passions__text:nth-of-type(4){left:-1rem}.about__passions__text:nth-of-type(5){left:.5rem}.about__passions__text:nth-of-type(6){left:-.5rem}}.work{padding:10vmin}@media (min-width:768px){.work{grid-column-gap:1rem;display:grid;grid-template-areas:"title title title title" "experience experience awards awards" "experience experience talks talks" "experience experience info info";grid-template-columns:repeat(4,1fr);padding:10vmin 10vmin 5vmin}}@media (min-width:1280px){.work{padding:10vmin 15vmin 5vmin}}@media (min-width:1920px){.work{padding:10vmin 15vmin 5vmin 20vmin}}.work .grid-title{grid-area:title}.work .grid-experience{grid-area:experience}.work .grid-awards{grid-area:awards}.work .grid-talks{grid-area:talks}.work .grid-info{grid-area:info}.work__section{border:4px dashed #143251;margin-bottom:1rem;padding:1rem}.work__section__title{font-weight:300;margin-bottom:1rem;text-align:center}.work__list--align-evenly{display:flex;flex-flow:row wrap;justify-content:space-evenly}@media (min-width:1024px){.work__list--align-evenly{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}.work__list--align-evenly .work__item{margin:.5rem 0}}.work__item{margin-bottom:1rem}@media (min-width:1024px){.work__item{margin-bottom:1.5rem}}.work__item:last-of-type{margin-bottom:0}.work__item__text,.work__item__title{margin-bottom:.1rem}.work__item__text:last-of-type{margin-bottom:0}.contact{align-items:center;display:flex;flex-flow:row wrap;min-height:50vh;padding:10vmin;position:relative;text-align:center}.contact:before{background-color:#eff6f6;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-3}@media (min-width:768px){.contact{display:grid;grid-template-areas:"title img" "list img" "list img" "list img";grid-template-columns:repeat(2,1fr);min-height:auto;padding:0 5vmin 0 10vmin;text-align:left}}@media (min-width:1280px){.contact{padding:0 5vmin 0 15vmin}}@media (min-width:1920px){.contact{padding:0 5vmin 0 20vmin}}@media (min-width:768px){.contact .section-title{margin-top:2rem}}.contact .grid-title{grid-area:title}.contact .grid-list{grid-area:list}.contact .grid-img{grid-area:img}.contact .section-title{width:100%}.contact__list{align-items:flex-start;display:flex;flex-flow:column;margin:auto;width:50%}@media (min-width:768px){.contact__list{margin:0 auto auto 0}}.contact__item{margin:.5rem auto}@media (min-width:768px){.contact__item{margin:.5rem 0}}.contact__img-container{text-align:center;z-index:-3}@media (min-width:768px){.contact__img-container{background-color:#f8f8fa;height:400px;width:45vw}}@media (min-width:1024px){.contact__img-container{width:46.3vw}}@media (min-width:1280px){.contact__img-container{width:47.1vw}}@media (min-width:1920px){.contact__img-container{width:46.8vw}}.contact__img-container img{border:4px dashed #143251;height:120px;margin-left:auto;object-fit:cover;object-position:center;width:120px;z-index:1}@media (min-width:768px){.contact__img-container img{border:none;height:380px;margin-top:20px;width:auto}}.footer{background-color:#43e4c6;background:linear-gradient(90deg,#288b8f,#3fd9bf);color:#fafafa;padding:1rem 5vmin;z-index:100}.footer__credits{color:#fafafa;font-size:.8rem;font-weight:700;text-align:right}.footer__quote{font-size:.9rem;font-style:italic;margin:1rem auto;max-width:530px;text-align:center}.footer__quote a{color:#fafafa}
/*# sourceMappingURL=index.353205a4.css.map */