*,*::before,*::after{box-sizing:border-box}code{padding:.2em;background-color:#e2e2e2}ol,ul,.list{padding:0;padding-left:1.5em;margin:0;margin-bottom:1em}.list__item:not(:last-child){margin-bottom:1em}.list-reset{padding:0;margin:0;list-style:none}.title{margin:0;font-family:"Courier new","Lucida Sans Typewriter","Consolas",monospace;font-weight:bold;color:#000}.title--t--main{margin-bottom:1em;font-size:2rem;text-transform:uppercase}.link{text-decoration:none;color:inherit}.link:hover,.link:focus{text-decoration:underline}.link:active{color:#ffd000}.link-away{position:relative;display:inline-block;padding-right:1.2em}.link-away__icon{position:absolute;top:0;right:0;width:.8em;height:100%;fill:currentColor;opacity:0}.link-away:hover .link-away__icon,.link-away:focus .link-away__icon,.link-away:active .link-away__icon{opacity:1}.page{display:flex;flex-direction:column;min-height:100vh;padding:0;margin:0;font-family:"Times new roman", "Georgia", serif}.page__title{margin-bottom:1em}.page__title--mb--half{margin-bottom:.5em}.page__tags{margin-bottom:1.5rem}.container{width:100%;max-width:1024px;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}.header{padding-top:1rem;padding-bottom:1rem;margin-bottom:1rem}.header__title{margin-bottom:0;text-transform:none}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:1.5rem;padding-bottom:1.5rem;margin-top:auto}.footer__mail{color:#000}.footer__mail:hover,.footer__mail:focus{text-decoration:none}.footer__mail:active{color:#dbb300}.main{margin-bottom:2rem}.note{position:relative;padding:1.5rem;margin:0;margin-bottom:4em;border:2px solid #ffd000;border-left-width:7px}.note__title{position:absolute;top:0;left:1rem;margin:0;font-size:1.2rem;background-color:#fff;transform:translateY(-50%)}.note__title--uppercase{text-transform:uppercase}.note__title+*{margin-top:0}.note>*:last-child{margin-bottom:0}.note__links{margin-top:2em}.project-links{display:flex;flex-direction:column;align-items:flex-start}.project-links__link{margin-bottom:1em;font-weight:bold}.project-links__link:last-child{margin-bottom:0}.project-links__icon{opacity:1}.portfolio{display:flex;flex-wrap:wrap}.portfolio__item{display:flex;flex-basis:33.33%;padding-left:1rem;padding-right:1rem;margin-bottom:3rem}.work{position:relative;display:flex;flex-direction:column;width:100%;padding-right:0;color:#000}.work__header{display:flex;flex-direction:column;flex-basis:100%}.work__header--page--main{margin-bottom:.5rem}.work__title{position:relative;flex-basis:100%;margin:0;margin-bottom:.5em;font-size:1.2rem;hyphens:auto;color:inherit}.work__title--page--main{margin-bottom:0;padding-right:3em;font-size:1.5rem;text-transform:uppercase}.work__title-link{text-decoration:none;color:inherit}.work__title-link:hover,.work__title-link:focus,.work__title-link:active{text-decoration:underline}.work__year{position:absolute;top:0;right:0}.work__desc{margin:0}.work__tags{flex-basis:100%;margin-bottom:.5rem}.work__content{position:relative;display:flex;padding-top:56.25%;margin-top:auto;border:1px solid #e2e2e2;overflow:hidden}.work__content--page--main{box-shadow:0 0 10px #e2e2e2}.work__content--bg--js{background-color:#ffd000;transition:background-color .3s}.work__content--bg--js:focus-within,.work__content--bg--js:hover{background-color:#dbb300}.work__content--bg--js::before{content:"JS";position:absolute;bottom:2rem;right:2rem;font-family:"Courier new","Lucida Sans Typewriter","Consolas",monospace;font-size:7rem;line-height:7rem}.work__img{position:absolute;top:0;left:0;width:100%;min-height:100%}.work__links{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.7);opacity:0;transition:opacity .3s}.work__content:focus-within .work__links,.work__content:hover .work__links{opacity:1}.work__away-icon{width:1em;height:1em}.tags{color:#fff}.tags::after{content:"";display:block;clear:both}.tags__item{float:left;padding:.1em .3em;margin-right:.5em;margin-bottom:.5em;line-height:1.3em;border-radius:.25em}.tags__item--t--html-css{background-color:#DD4B25}.tags__item--t--adaptive{background-color:#1a6fb4}.tags__item--t--bem{background-color:#7db123}.tags__item--t--ie{background-color:#4aa7d3}.tags__item--t--js{color:#000;background-color:#ffd000}.work-links{display:flex}.work-links__item{display:flex;flex-basis:0;flex-grow:1;margin:0}.work-links__link{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-basis:100%;text-decoration:none;color:#fff}.work-links__link:hover,.work-links__link:focus,.work-links__link:active{color:#ffd000}.work-links__icon{width:100%;max-width:70px;max-height:70px;margin-bottom:.5rem;fill:currentColor}.work-links__text{text-align:center;color:currentColor}.work-links__away-icon{opacity:1}.pages{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.pages__item{display:flex;flex-basis:33.33%;flex-shrink:0;padding-left:.5rem;padding-right:.5rem;margin-bottom:2rem}