@keyframes noTransNoOp{to{transform:translateX(0);opacity:1}}@keyframes goDarkAni{to{background-color:rgba(0,0,0,.5)}}@keyframes goDarkAniReverse{to{background-color:rgba(0,0,0,0);height:0;width:0}}@keyframes opacityOne{to{opacity:1}}@keyframes opacityZero{from{opacity:1}to{opacity:0}}@keyframes bgBorder{from{top:0;right:0}to{top:3%;right:-5%;transform:scale(1)}}@keyframes bodyGradient{33%{transform:translateX(-33%)}66%{transform:translateX(33%)}}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}body{width:100%;min-height:100vh;margin:0;padding-top:85px;font-family:"Roboto Mono",monospace;position:relative;opacity:0;animation:opacityOne .2s ease-in forwards;min-height:200vh;overflow-x:hidden}@media all and (min-width: 640px){body{padding-top:0;display:grid;grid-template-columns:200px 1fr}}body::after{content:"";position:fixed;top:0;left:0;height:100%;width:100%;opacity:.5;background:radial-gradient(rgb(255, 202.6739130435, 124.5) 5%, #F7FCE8);z-index:-1}@media all and (min-width: 640px){body::after{left:100px}}body ::selection{background:#ffac30}h1,h2,h3,h4,p,a,li{font-family:"Roboto Mono",monospace;line-height:1.2;letter-spacing:.5px;color:#252525}h1,h2,h3,h4,h5{font-weight:800;font-family:"Supreme",sans-serif}a,p,li{font-weight:300;line-height:1.7;font-size:14px}@media all and (min-width: 1024px){a,p,li{font-size:15px}}@media(min-width: 1400px){a,p,li{font-size:16px}}a{text-decoration:none}a:hover,a:active,a:focus{color:inherit}p{margin-bottom:1.33rem}h1{font-size:2rem}@media all and (min-width: 640px){h1{font-size:2.8rem}}@media all and (min-width: 1024px){h1{font-size:3.2rem}}@media(min-width: 1400px){h1{font-size:4.5vw}}h2{font-size:1.6rem}@media all and (min-width: 640px){h2{font-size:2.2rem}}@media all and (min-width: 1024px){h2{font-size:2.6rem}}h3{font-size:1.3rem}@media all and (min-width: 640px){h3{font-size:1.8rem}}@media all and (min-width: 1024px){h3{font-size:2.3rem}}h4{font-size:1rem}@media all and (min-width: 640px){h4{font-size:1.3rem}}@media all and (min-width: 1024px){h4{font-size:2rem}}h4{font-size:.9rem}@media all and (min-width: 640px){h4{font-size:1.15rem}}@media all and (min-width: 1024px){h4{font-size:1.7rem}}.container{margin:0 auto;width:90%}.show-for-medium{display:none}@media all and (min-width: 640px){.show-for-medium{display:block}}.grid{display:grid;grid-template-columns:repeat(12, 1fr);grid-auto-rows:auto;column-gap:2rem}.cell{grid-column:auto/span 12}.sm-1{grid-column:auto/span 1}.sm-2{grid-column:auto/span 2}.sm-3{grid-column:auto/span 3}.sm-4{grid-column:auto/span 4}.sm-5{grid-column:auto/span 5}.sm-6{grid-column:auto/span 6}.sm-7{grid-column:auto/span 7}.sm-8{grid-column:auto/span 8}.sm-9{grid-column:auto/span 9}.sm-10{grid-column:auto/span 10}.sm-11{grid-column:auto/span 11}.sm-12{grid-column:auto/span 12}@media all and (min-width: 640px){.med-1{grid-column:auto/span 1}}@media all and (min-width: 640px){.med-2{grid-column:auto/span 2}}@media all and (min-width: 640px){.med-3{grid-column:auto/span 3}}@media all and (min-width: 640px){.med-4{grid-column:auto/span 4}}@media all and (min-width: 640px){.med-5{grid-column:auto/span 5}}@media all and (min-width: 640px){.med-6{grid-column:auto/span 6}}@media all and (min-width: 640px){.med-7{grid-column:auto/span 7}}@media all and (min-width: 640px){.med-8{grid-column:auto/span 8}}@media all and (min-width: 640px){.med-9{grid-column:auto/span 9}}@media all and (min-width: 640px){.med-10{grid-column:auto/span 10}}@media all and (min-width: 640px){.med-11{grid-column:auto/span 11}}@media all and (min-width: 640px){.med-12{grid-column:auto/span 12}}@media all and (min-width: 1024px){.large-1{grid-column:auto/span 1}}@media all and (min-width: 1024px){.large-2{grid-column:auto/span 2}}@media all and (min-width: 1024px){.large-3{grid-column:auto/span 3}}@media all and (min-width: 1024px){.large-4{grid-column:auto/span 4}}@media all and (min-width: 1024px){.large-5{grid-column:auto/span 5}}@media all and (min-width: 1024px){.large-6{grid-column:auto/span 6}}@media all and (min-width: 1024px){.large-7{grid-column:auto/span 7}}@media all and (min-width: 1024px){.large-8{grid-column:auto/span 8}}@media all and (min-width: 1024px){.large-9{grid-column:auto/span 9}}@media all and (min-width: 1024px){.large-10{grid-column:auto/span 10}}@media all and (min-width: 1024px){.large-11{grid-column:auto/span 11}}@media all and (min-width: 1024px){.large-12{grid-column:auto/span 12}}@media(min-width: 1400px){.xlarge-1{grid-column:auto/span 1}}@media(min-width: 1400px){.xlarge-2{grid-column:auto/span 2}}@media(min-width: 1400px){.xlarge-3{grid-column:auto/span 3}}@media(min-width: 1400px){.xlarge-4{grid-column:auto/span 4}}@media(min-width: 1400px){.xlarge-5{grid-column:auto/span 5}}@media(min-width: 1400px){.xlarge-6{grid-column:auto/span 6}}@media(min-width: 1400px){.xlarge-7{grid-column:auto/span 7}}@media(min-width: 1400px){.xlarge-8{grid-column:auto/span 8}}@media(min-width: 1400px){.xlarge-9{grid-column:auto/span 9}}@media(min-width: 1400px){.xlarge-10{grid-column:auto/span 10}}@media(min-width: 1400px){.xlarge-11{grid-column:auto/span 11}}@media(min-width: 1400px){.xlarge-12{grid-column:auto/span 12}}@media all and (min-width: 640px){.hide-for-medium{display:none}}.nav{display:grid;grid-template-columns:.66fr repeat(3, 0.3fr);text-align:center;border-bottom:1px solid #252525;position:fixed;top:0;left:0;width:100%;background:rgb(255,239.4826086957,216.3);z-index:100}@media all and (min-width: 640px){.nav{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;width:200px;border-bottom:none;border-right:1px solid #252525}}.nav__link{display:flex;justify-content:center;align-items:center;padding:1.66rem 0;flex:1;width:100%}.nav__link:first-of-type{flex:3.33}.nav__link:not(:last-of-type){border-right:1px solid #252525}@media all and (min-width: 640px){.nav__link:not(:last-of-type){border-right:none;border-bottom:1px solid #252525}}.nav__link:hover{background:#252525;color:#f7fce8;cursor:pointer}@media all and (min-width: 640px){.logo{border-right:1px solid #252525}}@media all and (min-width: 640px){main{margin-left:200px;width:calc(100vw - 200px)}}section:not(#intro){padding:100px 0;min-height:100vh}@media all and (min-width: 640px){section:not(#intro){padding:50px 0}}section h2{margin-bottom:2.33rem}@media(min-width: 1400px){section h2{font-size:6vw}}section a{text-decoration:underline}section a:hover,section a:active,section a:focus{opacity:.6}.intro{display:grid;grid-template-columns:1fr;grid-gap:2rem;place-items:center;padding:2.33rem 0}@media all and (min-width: 640px){.intro{min-height:100vh}}@media all and (min-width: 1024px){.intro{grid-template-columns:1.6fr 1fr}}@media(min-width: 1600px){.intro{grid-template-columns:1.3fr 1fr}}.intro__title h1{font-size:6vw;line-height:.63;font-size:clamp(2.66rem,10vw,12rem);font-weight:800;font-family:"Supreme",sans-serif;display:inline-block;text-shadow:1px -1px 0 rgb(255,233.347826087,201)}@media all and (min-width: 640px){.intro__title h1{text-shadow:3px -3px 0 rgb(255,233.347826087,201)}}.intro__title h1 span{display:inline-block;margin:0 6px}@media all and (min-width: 1024px){.intro__title h1 span{margin:0 1rem}}.intro__title h1 span:nth-of-type(odd){transform:rotate(-3.5deg)}.intro__title h1 span:nth-of-type(even){transform:rotate(6.5deg)}#about{position:relative;z-index:1;background-image:url("../../img/mosh20.gif");background-size:cover;background-position:50% 20%;background-repeat:no-repeat;background-color:rgb(255,233.347826087,201);background-blend-mode:soft-light;background-attachment:fixed}#work{padding-bottom:3.66rem}.work{display:grid;grid-template-columns:1fr;row-gap:4rem;padding-bottom:50px}@media all and (min-width: 640px){.work{row-gap:6rem}}.work__item{display:grid;grid-template-columns:1fr;row-gap:2rem;padding-left:5%;position:relative;width:100%}@media all and (min-width: 640px){.work__item{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(250px, auto);column-gap:2rem}}@media all and (min-width: 1024px){.work__item{grid-template-columns:1.66fr 1fr;grid-auto-rows:minmax(350px, auto)}}.work__item__photo{min-height:250px;height:100%;width:100%;background:center/cover no-repeat;order:-1}@media all and (min-width: 640px){.work__item__photo{order:1}}@media all and (min-width: 1024px){.work__item__photo{height:100%;width:auto}}.work__item__info{display:grid;grid-template-columns:1fr;column-gap:2rem;transition:.6s opacity ease-in-out;max-width:95%}@media all and (min-width: 1024px){.work__item__info{grid-template-columns:1fr auto 1fr}}@media all and (min-width: 1024px){.work__item__info__block{padding:1rem .66rem 0 .66rem;padding:1rem;border-top:2px solid rgba(37,37,37,.33)}}.work__item__info__block:not(:first-of-type){margin-top:1rem}@media all and (min-width: 1024px){.work__item__info__block:not(:first-of-type){margin-top:0}}@media all and (min-width: 1024px){.work__item__info__block:nth-of-type(2){padding-right:2.33rem}}.work__item__info__block p,.work__item__info__block a{margin-bottom:.33rem}.work__item__info__block p:first-of-type,.work__item__info__block a:first-of-type{font-weight:bold}.work__item:last-of-type{min-height:none}.end-about{align-self:end}.big{display:block}.big p,.big p a{font-size:clamp(2rem,5vw,8rem)}.big a{font-weight:bold}/*# sourceMappingURL=style.css.map */
