/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
footer{align-items:center;display:flex;justify-content:space-between;margin-top:3rem;}.social-icons{color:#ffffff;line-height:1.8em;}.social-icons a{text-decoration:none;padding:0 0.5rem;}
html{min-height:100%;--line-color:#fff;--accent-color:#ff9933;--darker-accent-color:#8f153d;--card-width:130px;--card-height:auto;--font-primary:'Noto Serif',serif;--font-secondary:"Nunito Sans",sans-serif;--color-dark-primary:#292030;--font-primary-color:#ffffff;-}body{background:linear-gradient(to bottom,#3a2b44,#455277);background-repeat:no-repeat;background-attachment:fixed;color:var(--font-primary-color);font-family:var(--font-primary);padding:0;margin:0;}@media (max-width:576px){.content,footer,.webform-submission-form{margin:0 2rem;}}@media (min-width:576px){.content,footer,.webform-submission-form{margin:0 10%;}footer{margin-top:2rem;}}@media (min-width:768px){}@media (min-width:992px){}header{position:sticky;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--line-color);background:#f5f5f7;align-items:center;display:flex;justify-content:space-between;font-family:var(--font-secondary);padding:1rem;}header,header a{color:var(--color-dark-primary);text-decoration:none;font-weight:bold;}header a:hover{color:var(--darker-accent-color);text-decoration:underline;}h1{font-size:1.5rem;margin:0;}header nav ul{margin:0;padding:0;display:flex;list-style-type:none;}header nav ul li{display:inline;}header nav ul li:not(:last-child){margin-right:8px;padding-right:8px;border-right:2px solid;}h1{}h1 span{display:table-cell;vertical-align:middle;}p,h2{line-height:1.8em;}h3{margin:20px 0;}p{text-align:left;}h2{padding:40px 0 20px 0;}.avatar{border-radius:50%;margin:40px 40px 40px 0;height:100px;}svg{width:1.8em;height:1.8em;fill:#fff;display:float;}svg:hover{fill:var(--accent-color);}a{color:#fff;font-weight:500;}a:hover{color:var(--accent-color);}a.holo-btn:hover .holo{}.holo{background-image:url('/themes/tyllyn/img/waves.png'),url('/themes/tyllyn/img/holofoil.png');background-blend-mode:overlay;background-attachment:scroll,fixed;width:420px;height:160px;border-radius:0.75rem;margin:1rem;text-align:center;color:#000;text-decoration:none;align-content:center;display:block;font-size:2.5rem;font-weight:bolder;}.holo > span{}a.holo-btn{text-decoration:none !important;}.formal{font-family:var(--font-primary);}.headline{font-family:var(--font-primary);font-size:4rem;text-align:center;margin:2rem 0;}.headline p{text-align:center;margin:1rem 0;line-height:1.2em;}.subheadline{font-size:2rem;}.timeline{display:flex;flex-direction:column;font-family:var(--font-primary);font-size:1.2rem;margin:2rem 0;}.timeline .item{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;}.timeline .item .date{text-align:left;min-width:200px;max-width:200px;}.timeline .item .center{display:flex;align-items:center;flex-direction:column;}.timeline .item .center .dot{--size:.5rem;width:var(--size);height:var(--size);margin:calc((1rem - var(--size))/2);border-radius:50%;background-color:var(--accent-color);flex-grow:0;}.timeline .item .center .line{flex-grow:1;margin:8px 0;width:2px;background-color:var(--line-color);}.timeline .item .info{display:flex;flex-direction:column;}.timeline .item .info article{display:flex;gap:30px;width:100%;}.timeline .item .info main{padding-bottom:1rem;line-height:1.5;margin:0 1rem;}.timeline .item .info aside{display:flex;align-items:center;flex-direction:column;}.timeline .item .info p{margin:0;line-height:normal;}.timeline .item .info main h3{margin:0;display:inline;}.timeline .item .info main h4{margin:0;margin-top:1rem;border-bottom:1px solid var(--line-color);display:inline-block;font-weight:normal;}.timeline .item .info main .positions{margin:1rem 0;margin-left:40px;}.position strong{display:inline;}.position .position-date{display:inline;font-style:italic;}.portfolio-list{display:flex;flex-direction:row;gap:30px;align-items:top;justify-content:center;flex-wrap:wrap;font-family:var(--font-secondary);}.portfolio-list .item{background-color:var(--color-dark-primary);min-width:var(--card-width);max-width:var(--card-width);height:var(--card-height);border:1px solid #8e78a0;border-radius:12px;padding:1rem;-webkit-box-shadow:0px 0px 8px 2px rgba(142,120,160,1);-moz-box-shadow:0px 0px 8px 2px rgba(142,120,160,1);box-shadow:0px 0px 8px 2px rgba(142,120,160,1);}.portfolio-list .item h3{margin:0;font-size:1.1rem;text-align:center;}.projects{display:flex;justify-content:center;flex-wrap:wrap;}.project-category{margin:0 1rem;width:240px;}.project-category h2{border-bottom:4px solid var(--accent-color);margin:0;padding:0;font-size:1.8rem;}.project{margin:1rem 0;display:block;}.project h3{margin:0.5rem 0;padding:0;font-size:1rem;}form.webform-submission-form{margin:2rem inherit;}.webform-type-textfield,.webform-type-email{margin:1rem 0;}.webform-type-textfield label,.webform-type-email label{display:block;}.content-grid-wrapper{margin-top:4rem;}.content-grid-wrapper h2{border-bottom:4px solid var(--accent-color);padding:0;margin:0;font-size:4rem;font-weight:1000;line-height:auto;}
.portfolio-wrapper{width:400px;height:600px;float:right;border:1px solid red;}.portfolio{position:relative;overflow:hidden;width:400px;}.portfolio img{position:relative;z-index:1;display:block;border-radius:15px;width:400px;height:600px;}.glitches,.portfolio > img{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;border-radius:15px;width:400px;height:600px;}.glitch{position:absolute;left:0;right:0;top:0;bottom:0;background-repeat:no-repeat;background-position:0 0;background-color:#4560a5;}.portfolio:not(:hover) > .glitches{display:none;}.portfolio:hover > .glitches:nth-child(1){transform:translateX(-5%);animation:glitch-anim-1 5s infinite linear alternate;}.portfolio:hover > .glitches:nth-child(2){transform:translateX(3%) translateY(3%);animation:glitch-anim-2 2.3s -.8s infinite linear alternate;}.portfolio:hover > .glitches:nth-child(3){transform:translateX(5%);animation:glitch-anim-flash 1s infinite linear;}@keyframes glitch-anim-1{0%{clip-path:polygon(0 0%,100% 0%,100% 5%,0 5%);}10%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);}20%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%);}30%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%);}40%{clip-path:polygon(0 35%,100% 35%,100% 35%,0 35%);}50%{clip-path:polygon(0 45%,100% 45%,100% 46%,0 46%);}60%{clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%);}70%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);}80%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);}90%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);}100%{clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%);}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);}15%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%);}25%{clip-path:polygon(0 8%,100% 8%,100% 20%,0 20%);}30%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%);}45%{clip-path:polygon(0 45%,100% 45%,100% 45%,0 45%);}50%{clip-path:polygon(0 50%,100% 50%,100% 57%,0 57%);}65%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%);}75%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);}80%{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);}95%{clip-path:polygon(0 45%,100% 45%,100% 60%,0 60%);}100%{clip-path:polygon(0 11%,100% 11%,100% 15%,0 15%);}}@keyframes glitch-anim-flash{0%{opacity:.2;}30%,100%{opacity:0;}}