@font-face {font-family: 'mrrobot';font-display: swap;src: url('utils/fonts/mrrobot-webfont.woff2') format('woff2'), url('utils/fonts/mrrobot-webfont.woff') format('woff'), url('utils/fonts/mrrobot-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}@font-face {font-family: 'lelum_sansbook';font-display: swap;src: url('utils/fonts/lelumsans-book.eot');src: url('utils/fonts/lelumsans-book.eot?#iefix') format('embedded-opentype'), url('utils/fonts/lelumsans-book.woff2') format('woff2'), url('utils/fonts/lelumsans-book.woff') format('woff'), url('utils/fonts/lelumsans-book.ttf') format('truetype');font-weight: normal;font-style: normal;}body{font-family: 'mrrobot', 'Courier New', Courier, monospace;margin:0;font-size: 10px;}body.viewing{width:100vw;height:100vh;overflow: hidden;}.italic{font-style: italic;}.subtitle{font-family: 'lelum_sansbook', Helvetica, sans-serif;}h1, h2, h3, h4{font-weight: normal;}a{color: black;text-decoration: none;}.text {font-family: 'lelum_sansbook', Helvetica, sans-serif;}.text a{color: mediumturquoise;text-decoration: underline;}header nav ul{list-style-type: none;}header nav .down{cursor: pointer;}header nav .down > .submenu, header nav .down .downdown > ul{display:none;}header nav .down > .submenu.active, header nav .down .downdown > ul.active{display:block;}#container{position: relative;height:100%;margin-bottom: 3em;min-height: 96vh;min-height: calc(100vh - 3em);}#no-footer{position: absolute;top: 0;width:100vw;height: 100vh;overflow: hidden;}.main-content .tiles{display:flex;flex-wrap:wrap;}.main-content .tiles .tile{width:16.666%;box-sizing: border-box;position: relative;background: linear-gradient(to top left, rgba(226, 226, 226,0) 0%, rgba(226, 226, 226,0) calc(50% - 1px), rgba(226, 226, 226,1) 50%, rgba(226, 226, 226,0) calc(50% + 1px), rgba(226, 226, 226,0) 100%), linear-gradient(to top right, rgba(226, 226, 226,0) 0%, rgba(226, 226, 226,0) calc(50% - 1px), rgba(226, 226, 226,1) 50%, rgba(226, 226, 226,0) calc(50% + 1px), rgba(226, 226, 226,0) 100%);border: 1px solid rgb(226, 226, 226);overflow: hidden;}.main-content .tiles .tile:before {display: block;content: "";width: 100%;padding-top: 100%;}.main-content .tiles .tile > .content {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}.main-content .tiles .tile img, .main-content .tiles .tile video{position: absolute;top:0;left:0;width: 100%;z-index: 1;}.main-content .tiles .tile img{animation: animateImg .5s ease-out;border-right: 1px solid rgb(226, 226, 226);}.main-content .tiles .tile .tile-credentials{display:none;z-index: 9;position: absolute;padding-top: .7em;padding-left: .7em;width: 100%;height: 100%;opacity:1;text-transform: uppercase;}.tile-credentials a{display: inline-block;position: absolute;width: 100%;height: 100%;}.tile-credentials h2{font-size: 1.5em;line-height: .8em;margin:0;letter-spacing: 0.025em;}.tile-credentials p {font-size: 1em;line-height: 1.1em;margin:0;font-family: 'lelum_sansbook', Helvetica, sans-serif;}.main-content .tiles .tile:hover .tile-credentials{opacity:1;}li#instagram{background-image: url(utils/images/icons/icon-insta.svg);}li#mailto{background-image: url(utils/images/icons/icon-mail.svg);}li#langEn{background-image: url(utils/images/icons/icon-en.svg);}li#langPl{background-image: url(utils/images/icons/icon-pl.svg);}#view{z-index: 9999;background-color: white;position: fixed;left: 0;top: 0;height:100vh;width:100vw;transform: translateX(-100%);border-right: 2px solid rgb(226, 226, 226);}#view.active{transform: translateX(0);transition: all 1s ease-out;}#view.removing{border-left: 2px solid rgb(226, 226, 226);transform: translateX(100%);transition: all 1s ease-out;}#closeView{z-index: 9999;position: fixed;top:0;right: 0;background-color: transparent;display: none;width: 42px;width: 42.5px;height: 42px;border: 2px solid rgb(226, 226, 226);background-image: url("utils/images/icons/icon-close.svg");background-size: 80%;background-position: center;}#closeView.visible{display: block;}#closeView.menuopen{display: block;top:40px;}.view-credentials{display:none;position: absolute;top: .5em;left: .5em;z-index: 1000;}.projectMedia{position: absolute;top: 0;left:0;width: 100%;width: 100vw;height: 100%;height:100vh;overflow: hidden;z-index: 991;}#slideshow button, .control{background-color: transparent;width: 50px;height: 50px;}#slideshow .again{position: absolute;top: 50%;left:50%;margin-top: -25px;margin-left: -25px;padding: 0;background-image: url("utils/images/icons/icon-again.svg");background-size: 80%;background-position: center;}#slideshow .again span{position: relative;top: -40px;font-family: 'mrrobot', 'Courier New', Courier, monospace;font-size: 10px;}#slideshow .projectItem{position: absolute;top: 0;left: 0%;width: 100%;height: 100vh;text-align: center;opacity: 0;background-color: white;transform: translateX(-100%);border-right: 3px solid rgb(226, 226, 226);}#slideshow .projectItem video, .projectItem canvas{position: absolute;bottom: 0;width: 100%;left: 0;}#slideshow .projectItem img{margin: 10% auto;max-width: 80%;max-height: 80%;}#slideshow .showing{opacity: 1;animation: animateViews 1s ease-out forwards;}#footer{position: absolute;bottom:-3em;left: 1em;}#controls{position: relative;display: none;height: 100vh;}.control{position: absolute;top: 50%;margin-top: -25px;z-index: 9999;border: 1px solid rgb(226, 226, 226);background-size: 80%;background-position: center;}.prev{left:0;background-image: url('utils/images/icons/icon-left.svg');}.next{right:0;background-image: url('utils/images/icons/icon-right.svg');}.loop-desc, .view-credentials{position: absolute;top: 0;left:.25em;z-index: 9999;text-transform: uppercase;}.loop-desc h1, .view-credentials h2{margin: 0;padding: 0;font-size: 2em;letter-spacing: 0.025em;}.loop-desc p, .view-credentials p{padding:0;margin: 1px 0;font-size:1em;line-height: 1.1em;font-family: 'lelum_sansbook', Helvetica, sans-serif;}#video-container{width: 100vw;height: 100vh;position: absolute;bottom:0;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}#play-video{max-height: 100vh;max-width: 100vw;}#toggleButton{position: absolute;right: 0;bottom: 0;background: url("utils/images/icons/icon-full.svg");width: 3em;height: 3em;z-index: 9999;}@keyframes animateImg{from{transform: translateX(-100%);}to{transform: translateX(0);}}@keyframes animateViews{from{transform: translateX(-100%);}to{transform: translateX(0);}}@media only screen and (max-width: 1030px) {.main-content .tiles .tile{width: 25%;}#burger{position: fixed;top: 0;width:50px;height: 50px;right:0;z-index: 998;background-color: white;border: 1px solid rgb(226, 226, 226);background-image: url("utils/images/icons/icon-burger.svg");background-position: center;background-size: 80%;}#burger:hover{cursor: pointer;}#burger.is-active{background-image: url("utils/images/icons/icon-close.svg");}header ul {padding-left:0;}#desc{font-size: 15px;width: 70%;}#menu {position: fixed;top: 0;left: 0;background-color: white;width: 100vw;font-size: 20px;height: 100vh;overflow-y: scroll;-webkit-overflow-scrolling:touch;z-index: 888;margin:0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);transition: all .3s ease-in-out;text-align: center;}#menu.active{-webkit-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);transition: all .5s ease-in-out;}#menu li{text-align: center;position: relative;}.downdown ul.active > li, .years.active > li {padding: 15px 0;border-bottom: 1px solid rgb(226, 226, 226);}#menu li a{display: inline-block;width:100%;height: 51px;line-height: 51px;border-bottom: 1px solid rgb(226, 226, 226);}li.text{padding: 20px 10px;font-family: 'lelum_sansbook', Helvetica, sans-serif;}#fullscreen{display:none;}.leaveIcon{width:50px;height: 50px;border: 1px solid rgb(226, 226, 226);margin: 30px;display: inline-block;background-size: 80%;background-position: center;font-size: 0;}.leaveIcon a{color: transparent;border-bottom: none;}li.text a{display: inline;}#scrolls{display: none;}.submenu li{overflow-y:hidden;}.submenu.slideIn li{animation: slideIn .5s ease-in forwards;}.submenu.slideOut li{animation: slideOut .5s ease-in forwards;}@keyframes slideIn{from{max-height: 0px;}to{max-height:6000px;}}@keyframes slideOut{from{max-height: 6000px;}to{max-height: 0px;}}}@media only screen and (max-width: 460px){.main-content .tiles .tile{width: 50%;}}@media only screen and (max-width: 780px) and (orientation: portrait){#slideshow .projectItem video, .projectItem canvas{bottom: 40%;border-bottom: 2px solid black;}}@media only screen and (min-width: 1031px) {header{position: fixed;z-index: 100;width: 100%;height: auto;height: 40px;background-color: white;border-bottom: 2px solid rgb(226, 226, 226);display: flex;justify-content: space-between;align-items: center;}header #desc{margin-left:10px;z-index: 100;text-transform: uppercase;}header #desc h1{font-size: 1.6em;line-height: 1em;margin:0;padding:0;letter-spacing: 0.025em;}header #desc h3{font-size: 1em;line-height: 1.1em;margin:0;padding:0;font-family: 'lelum_sansbook', Helvetica, sans-serif;}#mailto{display:none;}header nav #box{position: absolute;right: 460px;bottom: 2px;font-size: 1.5em;text-align: right;}header nav ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: -1px;}header nav > ul{display: flex;}header nav > ul#menu > li{width:40px;height: 40px;border:1px solid rgb(226, 226, 226);z-index: initial;background-size: 70%;background-position: center;background-repeat: no-repeat;font-size: 2em;}li.text #scrolled{font-family: 'lelum_sansbook', Helvetica, sans-serif;}li#about{background-image: url(utils/images/icons/icon-text.svg);}li#author{background-image: url(utils/images/icons/icon-autor.svg);}li#book{background-image: url(utils/images/icons/icon-book.svg);}li#writer{background-image: url(utils/images/icons/icon-writer.svg);}li#year{background-image: url(utils/images/icons/icon-date.svg);}li#contact{background-image: url(utils/images/icons/icon-mail.svg);}li#loop{background-image: url(utils/images/icons/icon-again.svg);}li#fullscreen{background-image: url(utils/images/icons/icon-full.svg);}li#info{background-image: url(utils/images/icons/icon-info.svg);}header nav #menu{z-index: 100;}header nav > ul#menu > li > a{display: block;opacity: 0;width:100%;height:100%;}header nav .down > .submenu{z-index: -100;overflow-x: hidden;}header nav .down > .submenu.active{display: flex;background: rgba(255,255,255,.8);}header nav .down .downdown > ul.active{display: flex;flex-wrap: wrap;align-items: flex-start;padding-left: 16.67%;flex-direction: row;}header nav .down .downdown > ul.active li{width: 16.67%;padding: 0;padding-right: 1.5em;font-size: 1em;height: 100%;margin-bottom: 1em;box-sizing: border-box;text-align: left;}.submenu.active{position: absolute;width: 100vw;height: 83vh;height: calc(100vh - 130px);overflow:scroll;top: 9px;left:0;right:0;display: flex;padding-top: 30px;padding-bottom: 60px;flex-direction: column;justify-content: flex-start;align-content: flex-start;transform: translateY(-100%);z-index: 9997;}.submenu.slideIn{animation: slideIn .5s ease-in forwards;}.submenu.slideOut{animation: slideOut .5s ease-in forwards;}.submenu.active > li.downdown{padding-left: 35px;width: 30px;height: 30px;text-align: center;}.submenu.active a{display: flex;width:100%;height:100%;justify-content: center;align-items: center;z-index: 20;}.submenu.active a:hover, .submenu.active a.active{border: 1px solid black;}.downdown ul.active{position: fixed;top: 6em;left: 0;width: 100vw;display: flex;flex-wrap: wrap;flex-direction: column;max-height: 60vh;z-index: -1;}.tiles{top: 40px;position: relative;}.years{padding-left: 35px;}.years li{height: 1.8em;}.text{width: 80%;margin: 2em auto;margin-left: 10%;position: relative;}.text.onecol{max-width: 50%;}.submenu.active .text a{display: inline;}.text #fixed{position: fixed;width: 40%;overflow:visible;height: 100%;}.text #scrolled {width: 40%;margin-left: 60%;height: 70vh;overflow: hidden;}#scrolls{display: block;position: absolute;bottom: -60px;left: 60%;}#scrolls button{border: 1px solid rgb(226, 226, 226);background-color: transparent;width: 50px;height: 50px;background-position: center;background-size: 80%;}#scrolls #up{background-image: url('utils/images/icons/icon-up.svg');}#scrolls #down{background-image: url('utils/images/icons/icon-down.svg');}@keyframes slideIn{from{transform: translateY(-100%);}to{transform: translateY(32px);}}@keyframes slideOut{from{transform: translateY(32px);}to{transform: translateY(-100%);}}}@media only screen and (min-width: 1600px){body{font-size: 12px;}.submenu.active > li.downdown{width: 2em;height: 2em;}}