﻿<style id="INLINE_PEN_STYLESHEET_ID">
@import url(https://fonts.googleapis.com/css?family=Bebas+Neue);
    .portfolio-experiment, .scene {
  height: 2vh;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-display: flex;
  -webkit-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}

.portfolio-experiment {
  background: #fff;
  color: #000;
   }
.portfolio-experiment .experiment-title {
  outline: none;
  font-size: 18pt;
   margin-top: -35px;
  margin-left: -65px;
  text-align: center;
  font-family: "Ropa Sans", monospace;
  font-weight: 700;
  min-height: 2vw;
  max-width: 100vw;
  min-width: 2vw;
}
.portfolio-experiment .experiment-title,
.portfolio-experiment .experiment-title * {
  -webkit-animation: cray 16s infinite steps(50);
          animation: cray 16s infinite steps(50);
  display: inline-block;
}
@-webkit-keyframes cray {
2% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
4% {
font-weight: 700;
font-style: italic;
text-decoration: line-through;
text-transform: uppercase;
}
6% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: uppercase;
}
8% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
10% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
12% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: lowercase;
}
14% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
16% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
18% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
20% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
22% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
24% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
26% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
28% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
30% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: uppercase;
}
31% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: lowercase;
}
31% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: lowercase;
}
31% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: lowercase;
}
34% {
font-weight: 700;
font-style: italic;
text-decoration: underline;
text-transform: none;
}
36% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
38% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
40% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
42% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
44% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
46% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
48% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
50% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
52% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
54% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: capitalize;
}
56% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: capitalize;
}
58% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
60% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
62% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: none;
}
64% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
66% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
68% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
70% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
72% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
74% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
76% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
78% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
80% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
82% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
84% {
font-weight: 700;
font-style: italic;
text-decoration: line-through;
text-transform: none;
}
86% {
font-weight: 700;
font-style: italic;
text-decoration: underline;
text-transform: none;
}
88% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: capitalize;
}
90% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
92% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
94% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: none;
}
96% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
98% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
}
@keyframes cray {
2% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
4% {
font-weight: 700;
font-style: italic;
text-decoration: line-through;
text-transform: uppercase;
}
6% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: uppercase;
}
8% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
10% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
12% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: lowercase;
}
14% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
16% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
18% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
20% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
22% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
24% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
26% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
28% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
30% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: uppercase;
}
31% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: lowercase;
}
31% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: lowercase;
}

31% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: lowercase;
}

34% {
font-weight: 700;
font-style: italic;
text-decoration: underline;
text-transform: none;
}
36% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
38% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
40% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
42% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
44% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
46% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
48% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
50% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
52% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
54% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: capitalize;
}
56% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: capitalize;
}
58% {
font-weight: 700;
font-style: normal;
text-decoration: underline;
text-transform: none;
}
60% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
62% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: none;
}
64% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
66% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
68% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
70% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
72% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
74% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
76% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
78% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
80% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
}
82% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
84% {
font-weight: 700;
font-style: italic;
text-decoration: line-through;
text-transform: none;
}
86% {
font-weight: 700;
font-style: italic;
text-decoration: underline;
text-transform: none;
}
88% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: capitalize;
}
90% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
92% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
94% {
font-weight: 700;
font-style: italic;
text-decoration: none;
text-transform: none;
}
96% {
font-weight: 700;
font-style: normal;
text-decoration: line-through;
text-transform: none;
}
98% {
font-weight: 700;
font-style: normal;
text-decoration: none;
text-transform: none;
}
}
