-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.5b120eaa.css
2 lines (2 loc) · 9.77 KB
/
index.5b120eaa.css
1
2
*,:after,:before{box-sizing:border-box;margin:0;padding:0}ul,li{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;max-width:100vw;overflow-x:hidden}.body{background:linear-gradient(to bottom right,#fafafa,#f2f2f2);max-width:100vw;font-weight:300;overflow-x:hidden}.body .frame{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.body .frame:before{content:"";z-index:-2;border-style:solid;border-image:linear-gradient(to bottom right,#143251,#43e4c6) 1/5vmin/1;width:100%;height:100vh;position:fixed;top:0;left:0}.body .frame:after{content:"";z-index:-4;border:2.5vmin dashed #43e4c6;width:100%;height:100vh;position:fixed;top:0;left:0}.section-title{margin:0 0 1.5rem}a{color:#143251;z-index:1;text-decoration:none;transition:all .1s linear;position:relative}a:hover,a:focus,a:active,a:visited,a:hover{color:#143251}a:hover:before{opacity:1}a:before,a:after{content:"";z-index:-4;background-color:#b2f4e8;width:100%;transition:all .4s;position:absolute;bottom:-1px;left:0}a:after{height:.25rem}a:before{opacity:0;height:110%}.header{flex-direction:column;min-height:100vh;display:flex}@media (min-width:768px){.header{flex-flow:wrap;align-content:flex-start;min-height:50vh;padding:0 10vmin;display:flex}}@media (min-width:1024px){.header{min-height:100vh;padding:10vmin}}@media (min-width:1280px){.header{grid-template-areas:"hello. .pictures""navigation. . .";padding:10vmin 15vmin;display:grid}}@media (min-width:1920px){.header{padding:10vmin 20vmin}}.header__hello{grid-area:hello;margin:10vh auto 0}@media (min-width:768px){.header__hello{width:50%;height:auto;margin:10vh 0 0}}.header__title{grid-area:title;font-size:1.4rem;font-weight:400;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{font-weight:700;display:block}.header__subtitle{text-align:left;margin:.5rem auto 2rem}@media (min-width:768px){.header__subtitle{font-size:1.1rem}}@media (min-width:1024px){.header__subtitle{font-size:1.2rem}}.header__pictures{grid-area:pictures;width:200px;height:200px;margin:5vmin auto auto;position:relative;left:10%}@media (min-width:768px){.header__pictures{margin:10vh auto 0}}@media (min-width:1280px){.header__pictures{width:250px;height:250px;margin:10vh 0 0;left:0;right:0}}.header__pictures__item{width:100px;height:100px;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px)}.header__pictures__item img{object-fit:cover;object-position:center;border:4px dashed #143251;width:100%;height:100%;transition:all 80ms}@media (min-width:768px){.header__pictures__item{width:150px;height:150px;top:calc(50% - 75px);left:calc(50% - 75px)}.header__pictures__item img:hover{border:8px dashed #143251}}@media (min-width:1280px){.header__pictures__item{width:200px;height:200px;top:calc(50% - 100px);left:calc(50% - 100px)}}.header__pictures__item:first-of-type{z-index:10;top:50%;left:-10%;transform:rotate(10deg)}@media (min-width:768px){.header__pictures__item:first-of-type{top:80%;left:-40%}.header__pictures__item:first-of-type img:hover{transform:scale(1.4)translate(10%)}}.header__pictures__item:nth-of-type(2){z-index:9;top:20%;left:20%;transform:rotate(-6deg)}@media (min-width:768px){.header__pictures__item:nth-of-type(2){top:40%}.header__pictures__item:nth-of-type(2) img:hover{transform:scale(1.4)translate(15%)}}.header__pictures__item:nth-of-type(3){z-index:8;top:5%;left:-15%;transform:rotate(-2deg)}@media (min-width:768px){.header__pictures__item:nth-of-type(3){left:-45%}.header__pictures__item:nth-of-type(3) img:hover{transform:scale(1.4)translate(-15%)}}.header__pictures__item:nth-of-type(4){z-index:7;top:-10%;left:30%;transform:rotate(10deg)}@media (min-width:768px){.header__pictures__item:nth-of-type(4){left:20%}.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{width:50%;margin:0 auto 0 0;font-size:1.3rem}}@media (min-width:1024px){.nav{margin-top:20vh;font-size:1.4rem}}@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{content:"";z-index:-5;background-color:#eff6f6;width:120%;height:110%;position:absolute;top:-10%;left:-10%;transform:rotate(-3deg)}@media (min-width:768px){.about{flex-flow:wrap;align-items:flex-start;padding:10vmin 10vmin 0;display:flex}.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{margin-bottom:1.4rem;font-weight:300;line-height:1.4}.about__text:last-of-type{margin-bottom:0}@media (min-width:768px){.about__main{width:50%;max-width:550px;display:inline-block}}.about__passions{margin:10vh auto;position:relative;left:3.5vw;transform:rotate(-5deg)}@media (min-width:768px){.about__passions{max-width:550px;margin:0 auto auto;top:-2rem;transform:rotate(-6deg)}}@media (min-width:1024px){.about__passions{top:-5rem;transform:rotate(-7deg)}}.about__passions__text{margin:1rem auto;font-family:Covered By Your Grace,monospace;font-size:1.5rem;line-height:1;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;grid-template-columns:repeat(4,1fr);grid-template-areas:"title title title title""experience experience awards awards""experience experience talks talks""experience experience info info";padding:10vmin 10vmin 5vmin;display:grid}}@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{text-align:center;margin-bottom:1rem;font-weight:300}.work__list--align-evenly{flex-flow:wrap;justify-content:space-evenly;display:flex}@media (min-width:1024px){.work__list--align-evenly{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;display:grid}.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__title,.work__item__text{margin-bottom:.1rem}.work__item__text:last-of-type{margin-bottom:0}.contact{text-align:center;flex-flow:wrap;align-items:center;min-height:50vh;padding:10vmin;display:flex;position:relative}.contact:before{content:"";z-index:-3;background-color:#eff6f6;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:768px){.contact{text-align:left;grid-template-columns:repeat(2,1fr);grid-template-areas:"title img""subtitle img""list img""list img";min-height:auto;padding:0 5vmin 0 10vmin;display:grid}}@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-subtitle{grid-area:subtitle}.contact .grid-list{grid-area:list}.contact .grid-img{grid-area:img}.contact .section-title{width:100%;margin:0}.contact .section-reach-out{width:100%;font-size:.85rem}.contact__list{flex-flow:column;align-items:flex-start;width:80%;margin:auto;display:flex}@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;display:none}@media (min-width:768px){.contact__img-container{background-color:#f8f8fa;width:45vw;height:400px;display:block;position:relative;right:-2px}}@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{object-fit:cover;object-position:center;z-index:1;border:4px dashed #143251;width:120px;height:120px;margin-left:auto}@media (min-width:768px){.contact__img-container img{border:none;width:100%;height:100%}}.footer{z-index:100;color:#fafafa;background:linear-gradient(90deg,#288b8f,#3fd9bf);padding:1rem 5vmin}.footer__credits{color:#fafafa;text-align:right;font-size:.8rem;font-weight:700}.footer__quote{text-align:center;max-width:530px;margin:1rem auto;font-size:.9rem;font-style:italic}.footer__quote a{color:#fafafa}
/*# sourceMappingURL=index.5b120eaa.css.map */