@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap);html{background:#000;color:#fff;font-family:Raleway,sans-serif;font-size:1rem;font-weight:400;height:100%;overflow:hidden}body{height:100%}h1{font-size:2rem;font-weight:600;line-height:2rem}p{word-spacing:.1rem}a{color:rgba(255,255,255,.9254901961);text-decoration:none}a:hover{color:#fff}.highlight-title{color:rgba(255,255,255,.9254901961);font-size:6.5rem}.highlight-link{box-shadow:inset 0 -.125rem 0 rgba(255,255,255,.9254901961);box-sizing:border-box;color:rgba(255,255,255,.9254901961);display:inline-block;padding:.125rem .125rem;transition:all .2s ease-in-out}.highlight-link:hover{box-shadow:inset 0 -2rem 0 0 rgba(255,255,255,.9254901961);color:#fff}.highlight-yellow{color:#dce300;font-weight:700}.char-t{color:#ff073a}.char-h{color:#4f0}.char-e{color:#315eff}.char-r{color:#fff}.char-a{color:#919191}.nowrap-title{white-space:nowrap;display:inline-block}.video-container{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:1rem}.video-container video{width:80%;height:auto;border-radius:1rem}.images{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.images img{width:100%;min-width:200px;border-radius:0;box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.image-hover{position:relative;width:32%;min-width:200px;aspect-ratio:4/3;border-radius:0;overflow:hidden;box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}.image-hover::after,.image-hover::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;border-radius:0;transition:opacity .2s ease-in-out}.image-hover::before{background-image:var(--img);z-index:1;opacity:1}.image-hover::after{background-image:var(--img-hover);z-index:2;opacity:0}.image-hover:hover::after{opacity:1}.image-hover:hover::before{opacity:0}.compare-container{width:100%;max-width:500px;margin:1rem auto}.canvas-compare-wrapper-group{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.canvas-compare-wrapper-group canvas{width:32%;min-width:200px;aspect-ratio:4/3;border-radius:1rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.2);cursor:ew-resize;display:block}.weather-mode-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tir-mode-btn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;padding:.45rem .95rem;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.tir-mode-btn:hover{background:rgba(255,255,255,.16)}.tir-mode-btn.is-active{background:#ffeb3b;color:#111;border-color:#ffeb3b}.compare-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.compare-bottom{position:absolute;top:0;left:0;z-index:1}.compare-top-wrapper{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:2}.compare-top{position:absolute;top:0;left:0}#txt-rotate{display:inline-block;min-height:5.5rem}#txt-rotate .line-break{display:block;margin-top:0rem}.layout{margin:.5rem;max-width:75em;padding:.5rem .5rem}.layout .card{background:linear-gradient(145deg,rgba(62,61,61,.15) 15%,#262728 80%);border-radius:2rem;margin:3rem 0;padding:1rem 2rem}.layout .card .title{text-align:center;position:relative}.layout .card .subtitle{text-align:center}.layout .card .description{text-align:justify}.neumorphism-button{background:linear-gradient(145deg,rgba(100,100,105,.15) 15%,rgba(33,33,33,.4) 80%);box-shadow:-4px -3px 2px 0 rgba(250,250,250,.13),4px 4px 2px 0 rgba(0,0,0,.4)}.neumorphism-card{box-shadow:inset 2px 2px 4px #000,inset -2px -2px 4px #636363}.neumorphism-card-big{box-shadow:5px 5px 4px #161718,-5px -5px 4px #404346}#preloader{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;margin:.5rem;padding:.5rem;position:absolute;right:0;z-index:999}#preloader .load{height:6rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6rem}#preloader .load hr{animation:spin 2s ease infinite;border:0;height:40%;margin:0;position:absolute;width:40%}#preloader .load :first-child{animation-delay:-1.5s;background:#fff}#preloader .load :nth-child(2){animation-delay:-1s;background:rgba(255,255,255,.9254901961)}#preloader .load :nth-child(3){animation-delay:-.5s;background:#fff}#preloader .load :last-child{background:rgba(255,255,255,.9254901961)}@keyframes spin{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}.footer{background:#000;color:#fff;margin:.5rem;padding:1rem;text-align:center}.footer a{color:rgba(255,255,255,.9254901961)}.footer a:focus,.footer a:hover{background:#000;color:#fff}#landing{position:relative;display:flex;height:100%;margin:.5rem;padding:.5rem;text-align:center;color:#fff;overflow:hidden}#landing::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('{{ "/assets/thera/thera_fig1.jpg" | relative_url }}') no-repeat center center fixed;background-size:cover;filter:brightness(40%);z-index:0}#landing>*{position:absolute;z-index:1}.landing-title{left:0;margin:.5rem;padding:.5rem;position:absolute;right:0;top:8%}.landing-icons{display:flex;justify-content:center}.landing-icons .social-link{color:#fff;position:relative;height:3rem;line-height:3rem;margin:.25rem;width:3rem}.landing-icons .social-link .circle{animation:outWaveOut 1s cubic-bezier(.42,0,.58,1) forwards;fill:none;stroke-dasharray:40;transition:all .2s ease-in-out}.landing-icons .social-link .social{font-size:1.5rem;position:absolute;top:0;transition:all .5s ease-in-out;width:100%}.landing-icons .social-link .social-svg{fill:#fff}.landing-icons .social-link .label{display:none}.landing-icons .social-link:hover{cursor:pointer}.landing-icons .social-link:hover .circle{animation:outWaveIn 1s cubic-bezier(.42,0,.58,1) forwards,colorBlackIcon 1s linear forwards;fill:#fff;fill-opacity:1}.landing-icons .social-link:hover .social-svg{fill:#000}.landing-icons .social-link:hover .label{display:unset!important;position:relative;top:-2rem}.landing-icons .email:hover .circle{animation:outWaveIn 1s cubic-bezier(.42,0,.58,1) forwards,colorEmail 1s linear forwards}.landing-icons .email:hover .social-svg{fill:#d44638}.landing-icons .linkedin:hover .circle{animation:outWaveIn 1s cubic-bezier(.42,0,.58,1) forwards,colorLinkedin 1s linear forwards}.landing-icons .linkedin:hover .social-svg{fill:#007bb6}.landing-icons .twitter:hover .circle{animation:outWaveIn 1s cubic-bezier(.42,0,.58,1) forwards,colorTwitter 1s linear forwards}.landing-icons .twitter:hover .social-svg{fill:#1da1f2}@keyframes outWaveIn{to{stroke-dasharray:510;stroke-width:.5rem}}@keyframes outWaveOut{from{stroke:#fff;stroke-dasharray:510;stroke-width:.5rem}to{stroke:#fff;stroke-dasharray:83;stroke-width:.5rem}}@keyframes colorBlackIcon{to{stroke:#000}}@keyframes colorEmail{to{stroke:#b23121}}@keyframes colorLinkedin{to{stroke:#007bb6}}@keyframes colorTwitter{to{stroke:#1da1f2}}#skills{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}#skills div{padding:.2rem;transition:opacity .5s}#skills div[skill-type=language]{color:#e84a5f}#skills div[skill-type=framework]{color:#ff847c}#skills div[skill-type=tool]{color:#fecea8}#skills div[skill-weight="1"]{font-size:.75rem;line-height:.25rem}#skills div[skill-weight="2"]{font-size:1.25rem;line-height:.75rem}#skills div[skill-weight="3"]{font-size:1.75rem;line-height:1.25rem}#skills div[skill-weight="4"]{font-size:2.25rem;line-height:1.75rem}#skills div[skill-weight="5"]{font-size:2.75rem;line-height:2.25rem}#skills input[type=radio]{display:none}#skills .filter-button{display:none}.timeline-wrapper .timeline{list-style-type:none;padding:0;position:relative}.timeline-wrapper .timeline:before{background:linear-gradient(to bottom,#f3f3f3 0,#d5d5d5 8%,#d5d5d5 92%,#f3f3f3 100%);content:" ";height:100%;left:50%;margin-left:-.0675rem;position:absolute;width:.125rem;z-index:-1}.timeline-wrapper .timeline li{padding:1rem 0}.timeline-wrapper .hexagon{background:rgba(255,255,255,.9254901961);height:.5rem;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:-.8rem;width:1rem}.timeline-wrapper .hexagon:after,.timeline-wrapper .hexagon:before{border-left:2rem solid transparent;border-right:2rem solid transparent;border-left-width:.5rem;border-right-width:.5rem;content:"";left:0;position:absolute}.timeline-wrapper .hexagon:before{border-bottom:.25rem solid rgba(255,255,255,.9254901961);top:-.25rem}.timeline-wrapper .hexagon:after{border-top:.25rem solid rgba(255,255,255,.9254901961);bottom:-.25rem}.timeline-wrapper .flag-wrapper{position:relative;text-align:center}.timeline-wrapper .flag{background:#000;border-radius:.5rem;font-weight:600;padding:.25rem .5rem}.timeline-wrapper .flag span{position:relative;transition:.4s}.timeline-wrapper .flag span:after{content:"≫";color:rgba(255,255,255,.9254901961);position:absolute;opacity:0;right:-1rem;transition:.4s}.timeline-wrapper .flag:hover span{letter-spacing:.05rem;padding-right:1.25rem}.timeline-wrapper .flag:hover span:after{opacity:1;right:0}.timeline-wrapper .time-wrapper{color:#fff;display:block;line-height:.5rem;margin-top:.3rem}.timeline-wrapper .time{background:#000;border-radius:.5rem;display:inline-block;padding:.6rem}.timeline-wrapper .desc{background:#000;border-radius:1rem;margin:1em 0 0 0;padding:.75em;text-align:center}.project{border-radius:1rem;margin:1rem 0;padding:.5rem 1rem}.project .name-link-wrapper{display:flex;justify-content:space-between}.project .name-link-wrapper .links{font-size:1.5rem;margin:1rem .5rem}.project-desc{line-height:1rem}.project-stars-forks{fill:#fff;font-family:"Josefin Sans",sans-serif}.tag-wrapper{margin:1rem 0 0 0}.tag{border-radius:.5rem;display:inline-block;margin-bottom:.25rem;padding:.5rem}.contact-icons{display:flex;justify-content:center}.contact-icons .social-link{position:relative;height:3rem;line-height:3rem;margin:.25rem;text-align:center;width:3rem}.contact-icons .social-link .social{font-size:1.5rem}.contact-icons .social-link .social-svg{fill:rgba(255,255,255,.9254901961)}.contact-icons .social-link:hover{cursor:pointer;animation:jump 1s infinite alternate}.contact-icons .social-link:hover .social-svg{fill:#fff}.contact-icons .black:hover .social-svg{fill:#000}.contact-icons .linkedin:hover .social-svg{fill:#007bb6}.contact-icons .twitter:hover .social-svg{fill:#1da1f2}@media only screen and (min-width:48em){.layout{margin:.5rem auto;padding:2rem 2rem}.layout .card .subtitle{font-size:1.25rem}.layout .card .description{font-size:1.25rem}.landing-title h1{font-size:3rem}.landing-icons .social-link{width:4rem;height:4rem;line-height:4rem}.landing-icons .social-link .social{font-size:2rem}#skills div[skill-weight="1"]{font-size:1rem;line-height:0rem}#skills div[skill-weight="2"]{font-size:2rem;line-height:1rem}#skills div[skill-weight="3"]{font-size:3rem;line-height:2rem}#skills div[skill-weight="4"]{font-size:4rem;line-height:3rem}#skills div[skill-weight="5"]{font-size:5rem;line-height:4rem}#skills .filter-button{border-radius:.5rem;cursor:pointer;display:unset;margin:0 .5rem 1rem;padding:.5rem .25rem;text-align:center;width:21%}#skills .filter-button:hover{letter-spacing:.25rem}#skills input[type=radio]:checked+.filter-button{color:rgba(255,255,255,.9254901961);font-weight:600;background:linear-gradient(150deg,rgba(20,20,20,.4) 10%,rgba(115,115,115,.15) 80%);box-shadow:1px 1px 2px 0 rgba(210,210,210,.4),-1px -1px 2px rgba(0,0,0,.4),inset 3px 3px 2px 0 rgba(0,0,0,.4),inset -1px -2px 2px rgba(210,210,210,.4)}#skills input[id=language]:checked~div[skill-type=framework],#skills input[id=language]:checked~div[skill-type=tool]{height:0;margin:0;opacity:0;padding:0;width:0}#skills input[id=framework]:checked~div[skill-type=language],#skills input[id=framework]:checked~div[skill-type=tool]{height:0;margin:0;opacity:0;padding:0;width:0}#skills input[id=tool]:checked~div[skill-type=framework],#skills input[id=tool]:checked~div[skill-type=language]{height:0;margin:0;opacity:0;padding:0;width:0}.timeline-wrapper .timeline{margin:0 auto;width:39.25rem}.timeline-wrapper .timeline li:after{clear:both;content:"";display:block}.timeline-wrapper .direction-l{float:left;text-align:right;width:18.5rem}.timeline-wrapper .direction-l .hexagon{left:auto;right:-1.6rem;top:.4rem}.timeline-wrapper .direction-l .flag-wrapper{display:inline-block;text-align:right}.timeline-wrapper .direction-l .time-wrapper{float:left;margin-top:-.1rem}.timeline-wrapper .direction-l .desc{text-align:right}.timeline-wrapper .direction-r{float:right;text-align:left;width:18.5rem}.timeline-wrapper .direction-r .hexagon{left:-1.6rem;right:auto;top:.4rem}.timeline-wrapper .direction-r .flag-wrapper{display:inline-block;text-align:left}.timeline-wrapper .direction-r .time-wrapper{float:right;margin-top:-.1rem}.timeline-wrapper .direction-r .desc{text-align:left}.projects-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.projects-wrapper>*{width:44%}.contact-icons .social-link{width:4rem;height:4rem;line-height:4rem}.contact-icons .social-link .social{font-size:2rem}}@media only screen and (min-width:62em){.layout{padding:3rem 3rem}.layout .card{padding:1rem 3rem}#skills .filter-button{width:21.5%}.timeline-wrapper .timeline{width:49rem}.timeline-wrapper .direction-l{width:23.35rem}.timeline-wrapper .direction-r{width:23.35rem}.projects-wrapper>*{width:45%}}@media only screen and (min-width:75em){.layout{padding:5rem 5rem}#skills .filter-button{width:22%}.timeline-wrapper .timeline{width:58rem}.timeline-wrapper .direction-l{width:27.9rem}.timeline-wrapper .direction-r{width:27.9rem}.projects-wrapper>*{width:46%}}@keyframes jump{0%{bottom:0}50%{bottom:.5rem}100%{bottom:0}}