html { background: url(../images/dark-texture.png) #0d0d0d; }

html.red { background: url(../images/dark-texture-red.png) #16090d; }

html.green { background: url(../images/dark-texture-green.png) #14180a; }

html.blue { background: url(../images/dark-texture-blue.png) #0c1117; }

body { margin: 0; min-height: 640px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif; font-size: 1.8em; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; perspective: 500px; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; }

::selection { color: #fff; background: #00f; }

a { color: #f4ff64; text-decoration: none; transition-property: color,background; transition-duration: 0.6s; -webkit-transition-property: color,background; -webkit-transition-duration: 0.6s; -moz-transition-property: color,background; -moz-transition-duration: 0.6s; -ms-transition-property: color,background; -ms-transition-duration: 0.6s; }

a:hover { color: #00eaff; }

a:active { color: #fff; transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; }

input, textarea, select { outline-color: #00eaff; }

input[type=text], select { border: 0; font-size: 0.8em; line-height: 1.3em; }

input[type=submit], button { border: none; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif; font-size: 0.8em; line-height: 1.3em; color: #ccc; background: none; cursor: pointer; }

input[type=submit]:hover, button:hover { color: #eee; }

input[type=submit]:active, button:hover { color: #fff; }

#bg-box { position: absolute; top: -500px; left: 50%; margin: 0 0 0 -900px; transform: rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); -webkit-transform: rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); -moz-transform: rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); -ms-transform: rotateY(-45deg) rotateX(-25deg) translateX(-400px) translateZ(-400px); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.4s; }

#bg-box .left, #bg-box .right { position: absolute; width: 800px; height: 500px; border-radius: 2px; }

#bg-box .left { background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); }

#bg-box .left:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 2em; height: 2em; background: linear-gradient(225deg, #1e9957 0%, rgba(153, 30, 87, 0) 50%); }

#bg-box .right { background-image: linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); transform: rotateY(90deg) translateX(400px) translateZ(400px); -webkit-transform: rotateY(90deg) translateX(400px) translateZ(400px); -moz-transform: rotateY(90deg) translateX(400px) translateZ(400px); -ms-transform: rotateY(90deg) translateX(400px) translateZ(400px); }

#bg-box .right:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 2em; height: 2em; background: linear-gradient(135deg, #1e5799 0%, rgba(30, 153, 87, 0) 50%); }

#site { position: relative; margin: 0 auto; width: 960px; }

header h1 { position: absolute; top: 62px; left: 92px; display: none; margin: 0; width: 750px; height: 270px; background: url(../images/kzeni.png) no-repeat; }

header { transform: scale(0.2); -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); transform-origin: left top; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; }

body.home header { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); }

header h1 a { position: absolute; top: 92px; left: 12px; width: 330px; height: 84px; text-indent: -5000px; }

#com { position: absolute; top: 187px; left: 422px; display: none; width: 199px; height: 52px; background: url(../images/dot-com.png) no-repeat; }

#content { position: absolute; top: 240px; left: 160px; padding: 0 0 120px; color: #fff; }

#content nav a { padding: 0 20px 0 0; }

#content li { padding: 0 0 1em; }

#projects { position: absolute; top: 380px; left: 498px; padding: 0.5em; height: 1em; overflow: hidden; display: none; color: #fff; background: #222; background: rgba(30, 30, 30, 0.8); z-index: 10; transform: translateZ(1px); -webkit-transform: translateZ(1px); -moz-transform: translateZ(1px); backdrop-filter: blur(0.1em); -webkit-backdrop-filter: blur(0.1em); -moz-backdrop-filter: blur(0.1em); transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; }

#projects span, #projects a { clear: left; float: left; display: inline-block; line-height: 1em; }

#projects span { padding-bottom: 0.5em; cursor: default; }

#projects a { margin: 2px 0; padding: 2px; }

#projects:after { content: ''; display: block; clear: both; }

#projects:hover, #projects:focus { height: auto; }

#projects a.dead { color: #000; text-shadow: 0 0 3px rgba(255, 255, 255, 0.1); transition-property: all; transition-duration: 0.4s !important; }

#projects a.dead:hover, #projects a.dead:focus { color: rgba(255, 255, 255, 0.8); text-shadow: 0 0 5px rgba(255, 255, 255, 0.8); }

#projects a.dead:active { color: white; text-shadow: 0 0 6px rgba(255, 255, 255, 0.9); transition-duration: 0s !important; }

#networks { position: absolute; top: 380px; left: 106px; width: 390px; display: none; }

#networks a { display: block; float: left; margin: 0 21px 0 0; padding: 0 2px; }

#networks a:after { display: block; float: right; margin: 0 -20px 0 0; content: ' - '; color: #fff; }

#networks a:last-child:after { content: ''; }

a[href*='github'] { color: #4183c4; }

a[href*='github']:hover { background: #4183c4; }

a.jquery { color: #0868AC; }

a.jquery:hover { background: #0868AC; }

a[href*='wordpress'] { color: #0073aa; }

a[href*='wordpress']:hover { background: #0073aa; }

a[href*='matomo'] { color: #3152a0; }

a[href*='matomo']:hover { background: #3152a0; }

a[href*='wikipedia'] { color: #fff; }

a[href*='wikipedia']:hover { background: #fff; }

a[href*='linkedin'] { color: #0077b5; }

a[href*='linkedin']:hover { background: #0077b5; }

a[href*='instagram'] { color: #f58529; }

a[href*='instagram']:hover { background: #f58529; }

a[href*='flickr'] { color: #ff00d7; }

a[href*='flickr']:hover { background: #ff00d7; }

a[href*='vimeo'] { color: #f5ff63; }

a[href*='vimeo']:hover { background: #f4ff64; }

a[href*='twitter'] { color: #00eaff; }

a[href*='twitter']:hover { background: #00eaff; }

a[href*='google'] { color: #ff7800; }

a[href*='google']:hover { background: #ff7800; }

a[href*='facebook'] { color: #4267b2; }

a[href*='facebook']:hover { background: #4267b2; }

a[href*='last.fm'] { color: #f00; }

a[href*='last.fm']:hover { background: #f00; }

a[href*='mailto'] { color: #eee; }

a[href*='mailto']:hover { background: #eee; }

a[href*='music.apple.com'] { color: #c91b9c; }

a[href*='music.apple.com']:hover { background: #c91b9c; }

a[href*='instagram']:hover, a[href*='linkedin']:hover, a[href*='music.apple.com']:hover, a[href*='mailto']:hover, a[href*='github']:hover, a.jquery:hover, a[href*='wordpress']:hover, a[href*='matomo']:hover, a[href*='wikipedia']:hover, a[href*='flickr']:hover, a[href*='vimeo']:hover, a[href*='twitter']:hover, a[href*='google']:hover, a[href*='facebook']:hover, a[href*='last.fm']:hover { color: #000; }

a[href*='instagram']:active, a[href*='linkedin']:active, a[href*='music.apple.com']:active, a[href*='mailto']:active, a[href*='github']:active, a.jquery:active, a[href*='wordpress']:active, a[href*='matomo']:active, a[href*='wikipedia']:active, a[href*='flickr']:active, a[href*='vimeo']:active, a[href*='twitter']:active, a[href*='google']:active, a[href*='facebook']:active, a[href*='last.fm']:active { background: #fff; }

/*# sourceMappingURL=style.css.map */