.Header{position:sticky;top:0;right:0;height:5rem;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;background-color:#111;z-index:90;opacity:.98;overflow:hidden}@media (min-width: 576px){.Header{padding:0 2rem}}@media (min-width: 992px){.Header{padding:0 4rem}}.Header .burger{color:#888;font-size:2.2em;cursor:pointer}@media (min-width: 576px){.Header .burger{font-size:3em}}.Header .t-logo{height:40px;width:40px;padding:5px;opacity:.7;border-radius:100%;background-color:#007676;opacity:0;animation:fade_in .2s ease-out forwards,from_left .2s ease-in;animation-delay:.5s;cursor:pointer}@media (min-width: 576px){.Header .t-logo{height:50px;width:50px}}.Header .burger{opacity:0;animation:fade_in .5s ease-out forwards}@media (min-width: 768px){.Header .burger{display:none}}.Header .nav_links{display:none;list-style:none;font-variant:small-caps}@media (min-width: 768px){.Header .nav_links{display:flex}}.Header .nav_links li{position:relative;margin-left:2rem;color:#888;font-size:1.6em;cursor:pointer;opacity:0;animation:fade_in .2s ease-out forwards,from_above .2s ease-in}.Header .nav_links li.active,.Header .nav_links li:hover,.Header .nav_links li.extended{color:#fff;font-family:Roboto_Bold}.Header .nav_links li.active:hover{transform:scale(1)}.Header .nav_links li:hover{transform:scale(1.1)}.Header .nav_links li:not(.active) .active-dot{display:none}.Header .nav_links li .chevron{color:#888;height:70%;transform:translateY(5px)}.Header .nav_links li:nth-child(1){animation-delay:.5s}.Header .nav_links li:nth-child(2){animation-delay:.6s}.Header .nav_links li:nth-child(3){animation-delay:.7s}.Header .nav_links li:nth-child(4){animation-delay:.8s}.Header .nav_links li:nth-child(5){animation-delay:.9s}.Header .nav_links li:nth-child(6){animation-delay:1s}.Header .nav_links .link{color:inherit;text-decoration:inherit}.Header .active-dot{display:none}@media (min-width: 768px){.Header .active-dot{position:absolute;bottom:-8px;left:50%;display:block;width:6px;height:6px;background-color:#fff;border-radius:100%}}.light .Header{background-color:#fff}.light .Header .burger{color:#111}.light .Header .t-logo{background-color:#111;opacity:1}.light .Header .nav_links li{color:#000}.light .Header .nav_links li.active{font-family:Roboto_Bold}.light .Header .active-dot{background-color:#000}.Welcome{position:relative;height:calc(100vh - 5rem);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0 1rem}@media (min-width: 576px){.Welcome{padding:0 2rem}}@media (min-width: 768px){.Welcome{height:calc(100vh - 10rem)}}@media (min-width: 992px){.Welcome{padding:0 3rem}}.Welcome.extended{height:calc(100vh - 5rem)}.Welcome h1{width:19rem;display:flex;justify-content:space-between;font-size:1.2em;color:#888;opacity:0;animation:from_below .5s ease-in,fade_in .5s ease-out forwards}@media (min-width: 576px){.Welcome h1{width:25rem;font-size:1.6em}}@media (min-width: 992px){.Welcome h1{width:32rem;font-size:2.2em}}.Welcome .headshot-wrapper{height:20rem;min-height:20rem;min-width:20rem;background:#111;border-radius:100%;border:10px solid #222;background:linear-gradient(315deg,#111,#222);animation:pop 2s ease-out forwards;opacity:.6}@media (min-width: 576px){.Welcome .headshot-wrapper{height:23rem;min-width:23rem}}@media (min-width: 992px){.Welcome .headshot-wrapper{height:52vh;min-width:52vh}}.Welcome img.headshot{height:calc(100% - 1rem);min-width:calc(100% - 1rem);margin:.5rem;border-radius:100%;border:2px solid #222;background-color:#222;background:linear-gradient(315deg,#222,#111);object-position:0 20px;filter:grayscale(0)}.Welcome img.headshot:hover{filter:grayscale(1)}.Welcome .dev-tools{margin-left:0;width:19rem;display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:1.6em;opacity:0;animation:from_right .5s 1s ease-in,fade_in .5s 1s ease-in forwards}@media (min-width: 576px){.Welcome .dev-tools{width:25rem}}@media (min-width: 992px){.Welcome .dev-tools{margin-bottom:0;position:absolute;flex-direction:column;width:3rem;height:50vh;right:3rem;font-size:2.2em}}.Welcome .dev-tools li{display:flex;justify-content:center;align-items:center;color:#555}.Welcome .dev-tools li:hover{color:#007676;transform:scale(1.2)}.Welcome .line{position:absolute;display:none;width:1px;height:60vh;background-color:#333;right:4.5rem;top:11.5vh;opacity:0;animation:fade_in .3s .9s ease-out forwards,from_above_far 1s .9s ease-in}@media (min-width: 992px){.Welcome .line{display:block}}.Welcome .hello{margin:0;color:#d8d8d8;color:#007676;font-family:Roboto_Bold;font-size:3em;opacity:0;animation:fade_in .8s ease-in forwards,from_above .8s ease-out}@media (min-width: 992px){.Welcome .hello{font-size:5rem;position:absolute;display:flex;justify-content:center;align-items:center;height:200px;width:25vw;top:30%;left:3rem;opacity:0;animation:fade_in .8s ease-in forwards,from_left .8s ease-out}}@media (min-width: 1200px){.Welcome .hello{font-size:7rem}}.light .headshot-wrapper{opacity:1;border:10px solid #EEE;background:#D8D8D8}.light .Welcome img{opacity:1;background:linear-gradient(315deg,white,#BBB);border:2px solid #D8D8D8;filter:grayscale(0)}.light .hello{color:#000}.light .line{background-color:#888}.Menu{position:sticky;top:5rem;height:calc(100vh - 5rem);width:100%;padding-top:1.5rem;display:flex;flex-direction:column;background-color:#111;color:#bbb;font-size:1.6em;list-style:none;z-index:90}@media (min-width: 768px){.Menu{display:none}}.Menu li:nth-child(1){animation-delay:0ms,0ms;animation-name:from_above,fade_in}.Menu li:nth-child(2){animation-delay:.1s,.1s;animation-name:from_above,fade_in}.Menu li:nth-child(3){animation-delay:.2s,.2s;animation-name:from_above,fade_in}.Menu li:nth-child(4){animation-delay:.3s,.3s;animation-name:from_above,fade_in}.Menu li:nth-child(5){animation-delay:.4s,.4s;animation-name:from_above,fade_in}.Menu li:nth-child(6){animation-delay:.5s,.5s;animation-name:from_above,fade_in}.Menu li:nth-child(7){animation-delay:.6s,.6s;animation-name:from_above,fade_in}.Menu li:nth-child(8){animation-delay:.7s,.7s;animation-name:from_above,fade_in}.Menu li:nth-child(9){animation-delay:.8s,.8s;animation-name:from_above,fade_in}.Menu li{display:flex;justify-content:center;align-items:center;margin-top:.9rem;margin-bottom:.9rem;font-variant:small-caps;opacity:0;animation-timing-function:ease-in,ease-out;animation-duration:.5s,.5s;animation-fill-mode:forwards,forwards;cursor:pointer}.Menu li>*{cursor:pointer}.Menu li.active{color:#fff}.Menu a,.Menu .link{color:inherit;text-decoration:inherit}.Menu a:hover,.Menu .link:hover{color:#fff;transform:scale(1.1)}.Menu .active .link{font-family:Roboto_Bold}.Menu .social-links{margin-bottom:1.5rem;padding-top:1.5rem;display:flex;justify-content:center;font-size:1.2em;color:#555;cursor:pointer}.Menu .social-links>*{margin:0 .5rem}.Menu .languages{margin-top:auto;display:flex;justify-content:center;align-items:center;font-variant:small-caps;font-size:1.2em;font-family:Roboto_Bold;color:#222}.Menu .languages a{margin:0 .5rem;margin-bottom:0;font-family:Roboto_Bold;color:#333}.Menu .languages a.active{color:#a8a8a8}.Menu .languages a:hover{color:#fff;cursor:pointer}.light .Menu{background:linear-gradient(315deg,#D8D8D8 40%,#EEE 70%);color:#222}.light .Menu li{color:#555}.light .Menu li.active,.light .Menu a:hover,.light .Menu .link:hover{color:#000}.light .Menu .languages{color:#888}.light .Menu .languages .active{color:#111}.light .Menu .languages a{color:#555}.Toggle{width:90px;height:38px;display:flex;justify-content:space-between;align-items:center;border-radius:20px;background:#222;border:2px solid #555;cursor:pointer}.Toggle .Toggle__thumb{height:32px;width:32px;border-radius:100%;background:#111;border:3px solid #555;cursor:pointer}.Toggle .Toggle__thumb:hover{border:3px solid aqua}.light .Toggle{background-color:transparent}.light .Toggle .Toggle__thumb{background-color:#a8a8a8}.light .Toggle .Toggle__thumb:hover{border:3px solid #111;background-color:#007676}@keyframes fade_in_095{0%{opacity:1}to{opacity:.95}}.SubNav{top:5rem;width:100%;height:5rem;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;background-color:#111;font-size:1.6em;border-bottom:1px solid #222;z-index:80;opacity:.95;animation:fade_in_095 .5s 1.2s ease-out forwards}@media (min-width: 576px){.SubNav{position:sticky;padding:0 2rem}}@media (min-width: 992px){.SubNav{padding:0 4rem}}.SubNav .sublogo{color:#333}.SubNav .sublogo .sublogo-text{display:none;color:#888;font-size:1.4rem;letter-spacing:0}@media (min-width: 992px){.SubNav .sublogo .sublogo-text{display:inline}}.SubNav .sublogo .sublogo-text span{font-family:Roboto_Bold;font-variant:small-caps}.SubNav .sublogo .sublogo-text span:last-child{color:#333}.SubNav .sublogo .sublogo-text span:last-child{color:#444}.SubNav .social-links{display:flex;justify-content:flex-end;align-items:center;cursor:pointer}.SubNav .theme-toggle{display:none}@media (min-width: 768px){.SubNav .theme-toggle{display:flex}}.SubNav .theme-icon{height:1.5rem;color:#bbb}.SubNav .social-links>*{align-items:center;margin-left:.5rem;font-size:1.2em;color:#333}@media (min-width: 768px){.SubNav .social-links>*{margin-left:1.5rem}}.SubNav .social-links>*:hover{color:#fff}.light .SubNav{color:#000;background-color:#fff;border-bottom:1px solid #BBB}.light .SubNav .sublogo-text{color:#555}.light .SubNav .social-links>*{color:#888}.light .SubNav .social-links>*:hover{color:#000}.light .SubNav .theme-icon{color:#111}.ExtendableSection>button{width:100%;margin-bottom:3rem;padding:1rem 1.5rem;background-color:#0003;border:1px solid rgb(0,52,52);border-radius:50px;color:#bbb;font-size:1.2em;text-align:left;cursor:pointer}@media (min-width: 768px){.ExtendableSection>button{font-size:1.6em}}.ExtendableSection>button .button__icon{height:40px;display:none;color:#bbb;font-size:2rem}@media (min-width: 768px){.ExtendableSection>button .button__icon{display:inline;color:#007676}}.ExtendableSection>button:hover{color:#fff;font-weight:700;border-color:#007676}.ExtendableSection>button:hover .button__icon{color:#00cece;transform:scale(1.3)}.ExtendableSection .chevron{min-width:30px;font-size:1.6em}.ExtendableSection .chevron:hover{color:#00cece}.ExtendableSection .extendable__button-content{display:flex;justify-content:space-between;align-items:center}.ExtendableSection .extendable__button-text{padding-left:.5em}.ExtendableSection .delay-1{animation-delay:.2s,.2s}.ExtendableSection .delay-2{animation-delay:.4s,.4s}.ExtendableSection .delay-3{animation-delay:.6s,.6s}.ExtendableSection .delay-4{animation-delay:.8s,.8s}.ExtendableSection .delay-5{animation-delay:1s,1s}.ExtendableSection .anim-fade-from-left{opacity:0;animation-name:fade_in,from_left;animation-duration:.5s,.5s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards,forwards}.ExtendableSection .anim-fade-from-right{opacity:0;animation-name:fade_in,from_right;animation-duration:.5s,.5s;animation-timing-function:ease-out,ease-in;animation-fill-mode:forwards,forwards}.ExtendableSection p{margin-top:0}.light .ExtendableSection>button{color:#000;background-color:#d8d8d8;border-color:#a8a8a8;border-width:3px}.light .ExtendableSection>button:hover{color:#0ff;background-color:#111}.ProgressBar{width:100%;max-width:600px;height:80px;margin-bottom:1rem;padding:.5rem;display:flex;flex-direction:column;background-color:#222;border:1px solid #333;border-radius:50px}@media (min-width: 576px){.ProgressBar{flex-direction:row}}@media (min-width: 768px){.ProgressBar{margin:1rem}}.ProgressBar .ProgressBar__title-wrapper{margin:0 1rem;padding-top:.5rem;width:100%;display:flex;align-items:center}@media (min-width: 576px){.ProgressBar .ProgressBar__title-wrapper{margin:.5rem 1rem;padding-top:0;max-width:200px;justify-content:space-between}}.ProgressBar .ProgressBar__title{display:flex;align-items:center;color:#bbb;margin:0;font-size:1.2rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ProgressBar .ProgressBar__icon{margin-right:.5rem;display:flex;justify-content:center;align-items:center;color:#888;font-size:1.6em}.ProgressBar .ProgressBar__inner{padding:.5rem;width:100%;display:flex;align-items:center}.ProgressBar .ProgressBar__inner .ProgressBar__track{width:100%;background-color:#111;border:2px solid #333;border-radius:100px}@media (min-width: 768px){.ProgressBar .ProgressBar__inner .ProgressBar__track{min-width:400px}}.ProgressBar .ProgressBar__inner .ProgressBar__track .ProgressBar__thumb{height:100%;min-height:10px;background-color:#00cece;border:1px solid #333;border-radius:100px}.ProgressBar .ProgressBar__inner .ProgressBar__track .ProgressBar__thumb.yellow{background-color:#ff0}.ProgressBar .ProgressBar__inner .ProgressBar__track .ProgressBar__thumb.orange{background-color:#ffa600}.ProgressBar .ProgressBar__inner .ProgressBar__track .ProgressBar__thumb.pink{background-color:#ff1493}.ProgressBar .ProgressBar__inner .ProgressBar__track .ProgressBar__thumb.purple{background-color:#ac00ac}.ProgressBar .ProgressBar__inner .ProgressBar__track .ProgressBar__thumb.light-green{background-color:#00e297}.ProgressBar .ProgressBar__inner .ProgressBar__track .ProgressBar__thumb.light-blue{background-color:#0ff}.light .ProgressBar{background-color:#d8d8d8;border:1px solid #888}.light .ProgressBar .ProgressBar__title{color:#000}.light .ProgressBar .ProgressBar__track{background-color:#999;border:1px solid #333}.light .ProgressBar .ProgressBar__thumb{opacity:.8}.skills{display:flex;flex-direction:column;justify-content:center;margin-top:.5rem;margin-bottom:1rem}@media (min-width: 768px){.skills{flex-direction:row;justify-content:space-between;flex-wrap:wrap}}h3.skill-header{font-size:1.4rem;font-variant:small-caps;margin-bottom:1.5rem}@media (min-width: 768px){h3.skill-header{font-size:1.6em}}.button-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem}@media (min-width: 768px){.button-wrapper{flex-direction:row;justify-content:space-evenly}}.button-wrapper .link{width:100%;max-width:400px;height:3em;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;background-color:#007676;color:#111;border:3px solid #333;border-radius:100px;font-size:1.2em;font-family:Roboto_Bold;text-decoration:none;cursor:pointer}.button-wrapper .link>*{margin-left:.5rem;font-size:1.5rem}@media (min-width: 992px){.button-wrapper .link>*{margin-left:1rem;font-size:2rem}}@media (min-width: 768px){.button-wrapper .link{width:40%}}@media (min-width: 992px){.button-wrapper .link{font-size:1.6em}}.button-wrapper link:hover{background-color:#00b5b5}.codewars{display:flex;flex-direction:column;justify-content:center;align-items:center}.codewars-img{max-width:100%;width:400px;margin:3rem 0 0}.codewars-link{margin-top:1.5rem;color:#00b5b5;text-align:center}main{background-color:#ffffff05}h2{margin:1rem 0}@media (min-width: 768px){h2{font-size:2.2em}}@media (min-width: 992px){h2{font-size:2.2em}}p{font-size:1.2em}@media (min-width: 576px){p{font-size:1.2em}}@media (min-width: 576px){p{font-size:1.6em}}@media (min-width: 992px){p{font-size:1.6em}}.subtitle{color:#bbb;font-size:.8em;font-variant:normal;font-style:italic}.light .subtitle{color:#333}.Breadcrumb{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.Breadcrumb *{color:#555}.Breadcrumb>*{margin:0 5px;font-family:monospace;font-size:1.2em}.Breadcrumb .Breadcrumb__icon{margin:0;display:flex;justify-content:center;align-items:center;font-size:1.2em}.Breadcrumb .Breadcrumb__icon--house:hover{fill:#eee;cursor:pointer}.Breadcrumb .Breadcrumb__visits{color:#007676}.Breadcrumb .Breadcrumb__path{font-family:monospace;font-size:1em}.Breadcrumb .Breadcrumb__path:hover{color:#bbb;font-weight:700;text-decoration:underline;cursor:pointer}.light>*{color:#555}.light .Breadcrumb__icon--house:hover,.light .Breadcrumb__path:hover{color:#222}.Footer{position:relative;padding:3rem 1.5rem 1.5rem;padding-bottom:0;margin-bottom:5vh;display:flex;flex-direction:column;background-color:#111;align-items:center}@media (min-width: 768px){.Footer{margin-bottom:0;z-index:50}}.Footer .logo-wrapper{height:70px;width:70px;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#ffffff0d;border:2px solid #222}.Footer .logo-wrapper img{height:50px}.Footer .name{margin-bottom:1.5rem;color:#888;font-size:1.8rem;letter-spacing:0}.Footer .name span{font-family:Roboto_Bold;font-variant:small-caps}.Footer .name span:last-child{color:#333}.Footer .name span:last-child{color:#444}.Footer ul{padding:1.5rem 0;margin-bottom:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;color:#bbb;border-top:1px solid #222;border-bottom:1px solid #222}@media (min-width: 768px){.Footer ul{width:50%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}}.Footer a,.Footer .link,.Footer li{color:inherit;text-decoration:inherit;margin-bottom:1rem}@media (min-width: 768px){.Footer a,.Footer .link,.Footer li{font-size:1.2em}}.Footer .link-list{margin-left:0}@media (min-width: 768px){.Footer .link-list{padding-top:3rem}}@media (min-width: 768px){.Footer .link-list>*{display:flex;justify-content:center;align-items:center;margin:0}}.Footer li:hover{color:#fff;transform:scale(1.1)}.Footer li:last-child{margin-bottom:0}.Footer .separator{display:none}@media (min-width: 768px){.Footer .separator{font-size:1.6em;font-weight:700;color:#222;display:inline;margin-bottom:1.25rem}}.Footer .social-links{margin:0 0 3rem 0rem;padding-top:1.5rem;display:flex;justify-content:center;font-size:1.6em}.Footer .social-links>*{margin:0 .5rem;color:#333;cursor:pointer}.Footer .social-links>*:hover{color:#fff}.Footer .languages{margin-top:1.5rem;display:flex;justify-content:center;align-items:center;font-variant:small-caps;font-size:1.6em;font-family:Roboto_Bold;color:#222}.Footer .languages a{margin:0 .5rem;margin-bottom:0;font-family:Roboto_Bold;color:#333}.Footer .languages a.active{color:#a8a8a8}.Footer .languages a:hover{color:#fff;cursor:pointer}.Footer .copyright{display:flex;justify-content:center;align-items:center;color:#555;font-family:monospace;font-size:1.2em}.Footer .copyright *{margin:0 5px;font-family:monospace;font-size:1.2em}.Footer .copyright .copyright__icon{fill:#666}.Footer .copyright time{color:#666;font-size:.8em;font-family:Roboto_Bold}.Footer .copyright .copyright__pipe{margin-right:10px}.Footer .hide{display:none}.Footer .additional-info p{margin-top:1.5rem;font-family:monospace;color:#444;font-size:1.2em}.light .Footer{background-color:#d8d8d8}.light .Footer:hover,.light .Footer a,.light .Footer .link,.light .Footer li{color:#000}.light .Footer .logo-wrapper{background-color:#00b5b5}.light .Footer .social-links>*{color:#555}.light .Footer .social-links>*:hover{color:#000}.light .Footer .languages{color:#888}.light .Footer .languages a{color:#555}.light .Footer .languages a.active{color:#222}.light .Footer .languages a:hover{color:#000}.Overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;z-index:65;background-color:#222}.Overlay *{max-width:100vw;max-height:100vh}.light .Overlay{background-color:#eee}.Page{position:relative;min-width:100vw;min-height:100vh;margin:0}.AchievementListItem{position:relative;width:100%;max-width:1000px;padding:1rem 0;display:flex;align-items:center;color:#eee;border-bottom:1px solid #333;cursor:pointer}@media (min-width: 768px){.AchievementListItem{padding:1rem}}.AchievementListItem:last-child{border-color:transparent}.AchievementListItem:hover{background-color:#111;border-color:#333}.AchievementListItem:hover .AchievementListItem__view{color:#00b5b5}.AchievementListItem span{font-size:1em}@media (min-width: 576px){.AchievementListItem span{font-size:1.2em}}.AchievementListItem img{width:70px;height:70px;margin-right:1rem;border:1px solid #555;border-radius:100%}.AchievementListItem .AchievementListItem__title{font-weight:700}.AchievementListItem .AchievementListItem__detail,.AchievementListItem .AchievementListItem__year{color:#bbb;font-style:italic}.AchievementListItem .AchievementListItem__year{color:#888}.AchievementListItem .AchievementListItem__view{margin-left:.5rem;color:#333;font-size:30px}@media (min-width: 768px){.AchievementListItem .AchievementListItem__view{margin-left:auto}}.AchievementListItem .AchievementListItem__hover-text{position:absolute;display:none;right:0;padding:.5rem 1.5rem;bottom:-1rem;background-color:#111;color:#007676;font-size:1em;border:1px solid #333;border-radius:1rem}@media (min-width: 768px){.AchievementListItem:hover .AchievementListItem__hover-text{display:block}}.light .AchievementListItem{border-bottom:1px solid #BBB;color:#111}.light .AchievementListItem:last-child{border-color:transparent}.light .AchievementListItem:hover{background-color:#d8d8d8;border-color:#bbb}.light .AchievementListItem .AchievementListItem__detail{color:#333}.light .AchievementListItem .AchievementListItem__year,.light .AchievementListItem .AchievementListItem__view{color:#555}.light .AchievementListItem:hover .AchievementListItem__view{color:#007676}.light .AchievementListItem .AchievementListItem__hover-text{background-color:#d8d8d8;border-color:#bbb}.ZoomedImage{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fff}.ZoomedImage img{padding:0;object-fit:contain}@media (min-width: 768px){.ZoomedImage img{padding:1.5rem}}.AchievementList{width:100%;display:flex;flex-direction:column;align-items:center;list-style:none}h1{font-family:Roboto_Bold;font-size:2.2em;text-align:center}h3{margin:3rem 0;color:#d8d8d8;font-size:1.6em;font-family:Roboto_Bold;font-variant:small-caps}img.guitar-app--sm{padding:5px;width:100%;object-fit:cover;max-width:500px;background-color:#333}@media (min-width: 992px){img.guitar-app--sm{display:none}}img.guitar-app{display:none}@media (min-width: 992px){img.guitar-app{display:block;padding:5px;width:100%;background-color:#333}}img.guitar{padding:5px;width:100%;background-color:#aaa}@media (min-width: 992px){img.guitar{width:50%}}.image-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}img{max-width:1000px}.link--inline{color:#00b5b5;font-size:1.2em}@media (min-width: 768px){.link--inline{font-size:1.6em}}.light .link--inline{color:#007676}.light .certificates{color:#222}.ProjectCard{position:relative;width:100%;padding:1rem;margin:1rem 0;display:flex;flex-direction:column;justify-content:space-between;background-color:#111;border:1px solid #333;border-radius:20px}@media (min-width: 1200px){.ProjectCard{padding:1.5rem;width:calc(50% - 1rem)}}.ProjectCard h3{font-size:1.2em;font-weight:700;text-align:center;margin-bottom:1rem;font-variant:small-caps}@media (min-width: 1200px){.ProjectCard h3{font-size:1.6em}}.ProjectCard img{width:100%;height:300px;object-fit:cover;object-position:center;background-color:#222;border:1px solid #333;border-radius:20px;cursor:pointer}@media (min-width: 768px){.ProjectCard img{min-height:500px}}@media (min-width: 1200px){.ProjectCard img{min-height:400px}}.ProjectCard hr{margin:.5rem 0;border:none;border-bottom:1px solid #222}.ProjectCard p{display:flex;align-items:center;font-size:1.2em;padding:1rem 0;margin:0}@media (min-width: 992px){.ProjectCard p{height:100%;font-size:1.6em}}.ProjectCard .ProjectCard__badges{display:flex;justify-content:center;flex-wrap:wrap}.ProjectCard .badge{margin:.25rem .5rem;padding:.25rem .5rem;background-color:gray;border-radius:10px;border:1px solid #222;color:#333;font-size:1rem;font-style:italic;font-variant:small-caps;font-family:Roboto_Bold}.ProjectCard .badge.yellow{background-color:#ff0}.ProjectCard .badge.orange{background-color:#ffa600}.ProjectCard .badge.pink{background-color:#ff1493}.ProjectCard .badge.purple{background-color:#ac00ac}.ProjectCard .badge.light-green{background-color:#00e297}.ProjectCard .badge.light-blue{background-color:#0ff}.ProjectCard .ProjectCard__links{height:100%;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.ProjectCard .ProjectCard__links h3,.ProjectCard .ProjectCard__links h3.ProjectCard__links__title{margin-bottom:30px}.ProjectCard .ProjectCard__links hr{width:80%;margin-bottom:30px;border-color:#007676}.ProjectCard .ProjectCard__links .link-box{display:flex;flex-direction:column}.ProjectCard .ProjectCard__links .link-box a{margin-bottom:30px;display:inline-flex;align-items:center;text-decoration:none;font-size:1.2em;color:#a8a8a8}.ProjectCard .ProjectCard__links .link-box a svg{margin-right:10px}.ProjectCard .ProjectCard__links .link-box a:hover{color:#fff}@media (min-width: 992px){.ProjectCard .ProjectCard__links .link-box{margin:1rem 0 .5rem;font-size:1.4rem}}.ProjectCard .ProjectCard__bottom-links{display:flex;justify-content:center}.ProjectCard .ProjectCard__bottom-links>*{font-size:1.6em;color:#888;margin:0 .5rem}@media (min-width: 992px){.ProjectCard .ProjectCard__bottom-links{margin:1rem 0 .5rem;font-size:1.4rem}}.ProjectCard .ProjectCard__link-options{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000000e6;border-radius:20px}.light .ProjectCard{background-color:#d8d8d8}.light .ProjectCard hr{border-color:#bbb}.light .ProjectCard .ProjectCard__badges .badge{border:1px solid #333}.light .ProjectCard .ProjectCard__links>*{color:#555}.light .ProjectCard .ProjectCard__links h3{color:#bbb}.light .ProjectCard .ProjectCard__links a:hover{color:#fff}.light .ProjectCard .ProjectCard__links hr{border-color:#007676}.ProjectFilter{margin:1.5rem .5rem 3rem;padding:1.5rem .5rem;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#222;border:1px solid #555;border-radius:50px;cursor:pointer}@media (min-width: 768px){.ProjectFilter{padding:.5rem}}.ProjectFilter .badge{margin:.5rem;padding:.5rem 1rem;background-color:gray;border-radius:20px;border:1px solid #222;color:#333;font-size:1rem;font-style:italic;font-variant:small-caps;font-family:Roboto_Bold}@media (min-width: 768px){.ProjectFilter .badge{padding:.5rem 1rem}}.ProjectFilter .selected{opacity:.3}.ProjectFilter .badge.yellow{background-color:#ff0}.ProjectFilter .badge.orange{background-color:#ffa600}.ProjectFilter .badge.pink{background-color:#ff1493}.ProjectFilter .badge.purple{background-color:#ac00ac}.ProjectFilter .badge.light-green{background-color:#00e297}.ProjectFilter .badge.light-blue{background-color:#0ff}.light .ProjectFilter{background-color:#d8d8d8}.light .ProjectFilter .badge{border:1px solid #888}h1{margin-bottom:3rem}main{width:100vw}@media (min-width: 992px){main{padding:3rem}}.ProjectCard-wrapper{width:100%;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}.button-wrapper--reset{margin:1.5rem;display:flex;justify-content:center}.button-wrapper--reset button{padding:.5rem 1.5rem;background-color:#111;border:2px solid #333;border-radius:50px;color:#d8d8d8;font-size:1.2em;font-weight:700}@media (min-width: 768px){.button-wrapper--reset button{font-size:1.6em}}.button-wrapper--reset button:hover{background-color:#222;color:#00b5b5;border:2px solid #111;cursor:pointer}.light .button-wrapper--reset button{background-color:#d8d8d8;border:1px solid #555;color:#222}.BlogCard{width:100%;margin:1.5rem 0;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#111;border:1px solid #222;cursor:pointer;box-shadow:10px 10px 10px #00000080}@media (min-width: 768px){.BlogCard{flex-direction:row;align-items:flex-start}}.BlogCard .BlogCard__img-wrapper{width:100%;min-height:250px;display:flex;align-items:center;flex-direction:column}.BlogCard .BlogCard__img-wrapper .BlogCard__img-box{position:relative;display:flex}@media (min-width: 768px){.BlogCard .BlogCard__img-wrapper .BlogCard__img-box{margin-bottom:0}}@media (min-width: 768px){.BlogCard .BlogCard__img-wrapper{max-width:250px;margin-bottom:0}}.BlogCard .BlogCard__img-wrapper img{width:100%;max-width:500px;max-height:500px;height:auto}@media (min-width: 768px){.BlogCard .BlogCard__img-wrapper img{width:250px;height:250px}}@media (min-width: 768px){.BlogCard .BlogCard__text-wrapper{width:100%;min-height:250px;margin-left:1.5rem}.BlogCard .BlogCard__text-wrapper p{margin-top:1.5rem;text-align:left}}.BlogCard header span.BlogCard__created{display:flex;margin-top:1rem;margin-left:0;font-size:1em;justify-content:center;color:#444;font-family:monospace;font-weight:700}@media (min-width: 768px){.BlogCard header span.BlogCard__created{justify-content:flex-start}}@media (min-width: 1200px){.BlogCard header span.BlogCard__created{display:none;margin-left:auto}}.BlogCard .BlogCard__title{margin-top:1rem;padding-bottom:1.5rem;display:flex;flex-direction:column;border-bottom:1px solid #222}@media (min-width: 768px){.BlogCard .BlogCard__title{margin-top:0;justify-content:flex-start;font-size:1.2em}}.BlogCard .BlogCard__title .BlogCard__title-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}@media (min-width: 768px){.BlogCard .BlogCard__title .BlogCard__title-wrapper{justify-content:flex-start}}.BlogCard .BlogCard__title .BlogCard__title-wrapper .BlogCard__title-text{color:#fff;max-width:500px;font-size:1.6em;font-variant:small-caps;text-align:center}@media (min-width: 768px){.BlogCard .BlogCard__title .BlogCard__title-wrapper .BlogCard__title-text{text-align:left}}.BlogCard .BlogCard__title .BlogCard__info{margin-top:.5rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;color:#007676}@media (min-width: 768px){.BlogCard .BlogCard__title .BlogCard__info{justify-content:flex-start;flex-direction:row}}.BlogCard .BlogCard__title .BlogCard__info>*{font-weight:700;font-size:1em}.BlogCard .BlogCard__title .BlogCard__info span{font-family:monospace}.BlogCard .BlogCard__title .BlogCard__info>span{display:flex;justify-content:center;align-items:center}.BlogCard .BlogCard__title .BlogCard__info>span *:first-child{margin-right:.5rem}.BlogCard .BlogCard__title .BlogCard__info>span:first-child{margin-left:0}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock{position:relative;display:flex;justify-content:flex-start;align-items:center}@media (min-width: 768px){.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock{min-width:100px}}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock:hover .BlogCard__hint-text{display:inline}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock:hover .BlogCard__info-icon{color:#bbb}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock:hover .BlogCard__info-text{color:#00cece}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock .BlogCard__hint-text{position:absolute;display:none;left:0;top:-3rem;min-width:100%;padding:.5rem 1rem;background-color:#000;border:1px solid #888;color:#00cece;text-align:center}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock .BlogCard__info-icon{display:flex;justify-content:center;align-items:center;color:#333;font-size:1.2em;text-decoration:none}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock .BlogCard__info-icon.disabled{fill:#ff1493;opacity:.3}.BlogCard .BlogCard__title .BlogCard__info .BlogCard__info-datablock .BlogCard__info-text{color:#007676}.BlogCard .BlogCard__title .BlogCard__info span.BlogCard__created{display:none;text-align:right;color:#444;padding:0;margin:0 0 0 auto;font-weight:700}@media (min-width: 1200px){.BlogCard .BlogCard__title .BlogCard__info span.BlogCard__created{display:flex}}.BlogCard .BlogCard__abstract{height:100%;margin:0;margin-top:1.5rem}.BlogCard .BlogCard__badge-box{position:absolute;width:100%;display:flex;justify-content:flex-end;bottom:0}.BlogCard .BlogCard__upcoming-overlay{position:absolute;padding:8px;top:0;display:flex;justify-content:flex-start;align-items:center;background-color:#111;clip-path:polygon(0 0,100% 0,calc(100% - 2rem) 100%,0 100%)}.BlogCard .BlogCard__upcoming-overlay .BlogCard__overlay-icon{font-size:1.6em;color:#bbb}.BlogCard .BlogCard__upcoming-overlay .BlogCard__upcoming-date{margin:0 1.5rem 0 1rem;font-family:monospace;font-size:1.2em;color:#00cece}.BlogCard .BlogCard__new-overlay{position:absolute;padding:8px;top:0;display:flex;justify-content:flex-start;align-items:center;background-color:#111;clip-path:polygon(0 0,100% 0,calc(100% - 2rem) 100%,0 100%)}.BlogCard .BlogCard__new-overlay .BlogCard__overlay-icon--new{font-size:1.6em;color:#007676}.BlogCard .BlogCard__new-overlay .BlogCard__new-text{margin:0 2rem 0 .5rem;color:#fff;font-size:1.6em;font-weight:700;font-family:monospace;font-variant:small-caps}.BlogCard .badge.yellow{background-color:#ff0}.BlogCard .badge.orange{background-color:#ffa600}.BlogCard .badge.pink{background-color:#ff1493}.BlogCard .badge.purple{background-color:#ac00ac}.BlogCard .badge.light-green{background-color:#00e297}.BlogCard .badge.light-blue{background-color:#0ff}.BlogCard .badge{margin:.5rem;padding:.3rem .6rem;background-color:gray;border-radius:20px;border:1px solid #222;color:#333;font-size:1rem;font-style:italic;font-variant:small-caps;font-family:Roboto_Bold}@media (min-width: 768px){.BlogCard .badge{padding:.5rem 1rem}}.BlogCard:hover{background-color:#00000080}.BlogCard:hover .BlogCard__title-text{color:#fff;text-decoration:underline}.BlogCard:hover .BlogCard__abstract{color:#fff}.BlogCard:hover .BlogCard__info .BlogCard__info-datablock .BlogCard__info-text{color:#00b5b5}.BlogCard:hover span.BlogCard__created{color:#007676!important}.light .BlogCard{background-color:#d8d8d8;border-color:#888}.light .BlogCard:hover{background-color:#bbb}.light .BlogCard:hover .BlogCard__title-text,.light .BlogCard:hover .BlogCard__abstract{color:#000}.light .BlogCard:hover .BlogCard__info .BlogCard__info-datablock .BlogCard__info-text{color:#003434}.light .BlogCard:hover .BlogCard__info .BlogCard__info-datablock:hover .BlogCard__info-icon{color:#000}.light .BlogCard .BlogCard__title-text{color:#222}.light .BlogCard:hover .BlogCard__title,.light .BlogCard:hover .BlogCard__abstract{color:#000}.light .BlogCard .BlogCard__img-wrapper{border:none}@media (min-width: 768px){.Blog__title{margin-bottom:3rem}}.BlogList{display:flex;flex-direction:column;justify-content:center;align-items:center}h3.BlogList__header{font-size:1.6em;font-variant:small-caps;margin-bottom:1.5rem}hr.BlogList__hr{margin-top:1.5rem}.MessageAcknowledgement{width:100vw;min-height:100vh;position:fixed;top:0;left:0;padding:1rem;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#111;z-index:10000}@media (min-width: 768px){.MessageAcknowledgement{padding:1rem 3rem}}.MessageAcknowledgement h1{margin:0}.MessageAcknowledgement img{width:60%;max-width:150px}@media (min-width: 768px){.MessageAcknowledgement img{max-width:200px}}.MessageAcknowledgement p{margin:1.5rem 0;max-width:1000px}@media (min-width: 576px){.MessageAcknowledgement p{font-size:1.2em}}.MessageAcknowledgement .link{min-height:3rem;width:300px;margin-bottom:3rem;margin-top:1.5rem;display:flex;justify-content:center;align-items:center;background-color:#007676;border:2px solid transparent;border-radius:10px;color:#eee;font-size:1em;font-weight:700;text-shadow:2px 2px black;padding:0 10px;text-decoration:none;cursor:pointer}.MessageAcknowledgement .link:hover,.MessageAcknowledgement .link:active{background-color:#005151;color:#fff}.light .MessageAcknowledgement{background-color:#eee}.LoadingIndicator{width:18px;height:20px;display:flex;justify-content:space-between;align-items:center}.LoadingIndicator div{height:100%;width:5px;background-color:#b7b7b7;border-radius:3px;opacity:.3;animation:loadingIndicatorBarAnimation .9s infinite}.LoadingIndicator div:nth-child(1){animation-delay:-.9s}.LoadingIndicator div:nth-child(2){animation-delay:-.6s}.LoadingIndicator div:nth-child(3){animation-delay:-.3s}.light .LoadingIndicator div{background-color:#000}main.contact{width:100%;max-width:2000px;display:flex;flex-direction:column;justify-content:center;align-items:center}main.contact h1{margin:0 0 3rem}main.contact section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}main.contact form{width:100%;max-width:700px;margin-bottom:3rem;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0003}@media (min-width: 768px){main.contact form{padding:1.5rem;font-size:1.3rem}}main.contact fieldset{width:100%;margin:1rem 0;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;border:none}main.contact input,main.contact textarea{width:100%;padding:20px 10px;background-color:transparent;border:none;border-bottom:2px solid #333;color:#fff;font-weight:700;font-size:1em;font-variant:small-caps}main.contact input::placeholder,main.contact textarea::placeholder{color:#bbb;font-weight:400;opacity:1}main.contact input:focus,main.contact textarea:focus{background-color:#00000080;border-color:#007676;border-radius:0;outline:none}main.contact input{height:2rem}main.contact textarea{height:8rem;padding-top:10px}.contacts{display:flex;flex-direction:column;justify-content:center;align-items:center}ul.contacts{width:100%;display:flex;justify-content:center;flex-direction:column;justify-content:space-between;margin-bottom:3rem;list-style:none;font-size:1.2em;font-variant:small-caps}ul.contacts li{width:100%;max-width:300px;display:flex;align-items:center;margin-bottom:1rem}@media (min-width: 768px){ul.contacts li{max-width:500px}}ul.contacts li *{font-family:monospace;font-size:1.2em;text-decoration:none}@media (min-width: 768px){ul.contacts li *{font-size:1.6em}}ul.contacts li span{width:15%;color:#d8d8d8}ul.contacts li .icon{color:#007676;font-size:1.2em}@media (min-width: 768px){ul.contacts li .icon{font-size:1.6em}}ul.contacts li .link{margin-left:auto;color:#bbb;text-align:right}ul.contacts li:hover{transform:scale(1.05)}ul.contacts li:hover .icon{color:#00cece}ul.contacts li:hover .link{text-decoration:underline;color:#fff}.loading-indicator{margin:1.5rem 0;font-size:1.2em;color:#a8a8a8;animation:rotation 1s linear infinite}.user-message{margin:1.5rem 0;color:#a8a8a8;font-variant:small-caps}.submit-message{min-height:3rem;width:300px;margin-top:3rem;background-color:#00cece;border:2px solid transparent;border-radius:50px;color:#000;font-size:1em;font-family:Roboto_Bold;padding:0 10px;cursor:pointer}.submit-message:hover,.submit-message:active{background-color:#005151;color:#fff}.submit-message:disabled{border:2px solid #333;background-color:#003434;color:#005151}.error-message{width:100%;padding:0 2.5rem;text-align:right;font-style:italic;font-variant:small-caps;color:#ff1493}.character-counter{width:100%;padding:0 2.5rem;display:block;text-align:right;font-style:italic;font-variant:small-caps;color:#555}.light main.contact input,.light main.contact textarea{color:#000}.light main.contact input::placeholder,.light main.contact textarea::placeholder{color:#000}.light main.contact input:focus,.light main.contact textarea:focus{background-color:#d8d8d8}.light ul.contacts li span{color:#333}.light ul.contacts .icon{color:#005151}.light ul.contacts .link{color:#111}.light ul.contacts li:hover span{color:#000}.light ul.contacts li:hover .icon{color:#007676}.light ul.contacts li:hover .link{color:#000}.privacy-policy{font-size:1em}.privacy-policy .updated-date{font-style:italic;font-size:.8em}.privacy-policy a{color:#007676}.privacy-policy a:hover{color:#00cece}.Figure{margin:0 auto;padding:0}.Figure div{position:relative;width:auto;max-width:100%;max-height:calc(100% - 10px)}.Figure div .Figure__icon{background-color:#00000080;position:absolute;margin:0;top:0;right:0;width:50px;height:50px;padding:.5rem;display:flex;justify-content:center;align-items:center;color:#bbb;font-size:2.2em}.Figure div:hover{background-color:#000;color:#fff}.Figure div img{max-width:100%;height:auto;margin:0;padding:0;display:block;object-fit:contain}.Figure div img.bg--white{background-color:#fff}.Figure div:hover{cursor:pointer}.Figure div:hover .Figure__icon{background-color:#111}.Figure div.image--lrg{max-width:100%;margin:0 auto;display:block}.Figure div.image--med{width:100%;max-width:800px;margin:0 auto;display:block}.Figure div.image--sml{width:100%;max-width:400px;margin:0 auto;display:block}.Figure div.guitar{max-width:500px;background-color:#bbb}.Figure div.guitar img{max-width:500px;width:100%}.Figure div.bg--white{background-color:#fff}.light .Figure .Figure__icon{color:#fff}.Figure__icon--close{position:absolute;margin:1.5rem;top:0;right:0;width:50px;height:50px;padding:.5rem;display:flex;justify-content:center;align-items:center;background-color:#00000080;color:#bbb;font-size:2.2em;cursor:pointer}.Figure__icon--close:hover{background-color:#000;color:#fff}.InlineReference{height:100%;margin:0 .25rem;display:inline-block;transform:translateY(-2px);color:#007676;text-decoration:none;font-family:monospace}.InlineReference:hover{color:#00cece;transform:scale(1.05) translateY(-2px)}@media (min-width: 576px){.InlineReference{margin:0 .5rem;transform:translateY(-3px)}.InlineReference:hover{transform:scale(1.05) translateY(-3px)}}.Code{margin:0 auto;max-width:1200px;background-color:#111;border:1px solid #333;font-family:Fira,monospace}.Code span,.Code pre code{font-family:Fira,monospace;font-size:1em}@media (min-width: 992px){.Code span,.Code pre code{font-size:1.2rem}}.Code pre{max-height:150vh;overflow:auto}.Code .Code__header{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#191b21;padding:7px;border-bottom:2px solid #333}.Code .Code__header .Code__file-name{margin-right:10px;color:#888}.Code .Code__header .Code__language{font-style:italic;color:#007676}.Code .Code__header .Code__copy-icon{margin-left:auto;color:#888;font-size:24px;cursor:pointer}.Code .Code__header .Code__copy-icon:hover{color:#fff}.Code .Code__header .Code__copy-message{position:absolute;right:70px;margin-left:auto;color:#0ff;background-color:#191b21;animation:fade_out 2s linear}.LikeButton{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0 2.5rem}.LikeButton p{margin:0;font-variant:small-caps;text-align:center}.LikeButton hr{width:100%}.LikeButton .LikeButton__button-wrapper{display:flex;justify-content:center;align-items:center;margin-top:.5rem;cursor:pointer}.LikeButton .LikeButton__button-wrapper:hover{transform:scale(1.1)}.LikeButton .LikeButton__button-wrapper:hover .LikeButton__icon{color:#bbb}.LikeButton .LikeButton__button-wrapper:hover span{color:#00cece}.LikeButton .LikeButton__button-wrapper .LikeButton__icon{margin-right:.5rem;font-size:1.6em;color:#555}.LikeButton .LikeButton__button-wrapper .LikeButton__icon.disabled{color:#fff}.LikeButton .LikeButton__button-wrapper span{color:#007676;font-family:monospace;font-size:1.2em}.light .LikeButton .LikeButton__button-wrapper .LikeButton__icon:hover,.light .LikeButton .LikeButton__button-wrapper .LikeButton__icon.disabled{color:#000}.References h4{font-size:1.6em;font-style:italic;font-weight:700;color:#d8d8d8;margin-bottom:1.5rem}.References ul{max-width:100%;list-style:none;margin-bottom:0}@media (min-width: 768px){.References ul{margin-bottom:1.5rem}}.References ul li{max-width:calc(100vw - 3rem);margin:1.5rem;margin-top:0;padding-bottom:1.5rem;display:inline-flex;flex-direction:column;border-bottom:2px solid #111}.References ul li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (min-width: 768px){.References ul li{padding-bottom:0;margin-bottom:.5rem;flex-direction:row;border-bottom:none;margin:0}}@media (min-width: 768px){.References ul li span.left{display:flex;flex-direction:row;flex-wrap:wrap;width:35vw;min-width:35vw;padding:1rem;display:inline;border-right:2px solid #222}}.References ul span,.References ul a{max-width:100%;color:#888;padding-right:10px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;overflow-y:auto}@media (min-width: 768px){.References ul span,.References ul a{padding:10px}}.References ul a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px){.References ul a{max-width:35vw}}.References ul .References__index{font-style:italic;font-weight:700;color:#bbb}.References ul .References__author{font-weight:700;color:#bbb}.References ul .References__title{font-style:italic}.References ul a{font-family:Fira,monospace;font-size:.8em;font-weight:lighter;padding-top:1rem}@media (min-width: 768px){.References ul a{padding-left:2rem}}.References ul a:hover{color:#00b5b5;transform:scale(1.05)}.light h4{color:#444}.light ul li{border-bottom:2px solid #D8D8D8}@media (min-width: 768px){.light ul li{border-bottom:none}}.light ul li .References__index,.light ul li .References__title{color:#444}.light ul li .References__author{color:#111;font-weight:700}.light ul li .References__title{font-weight:700}.light ul li a{color:#555}.light ul li a:hover{color:#007676}.BlogTimeStamp{margin:3rem 0 0}.BlogTimeStamp p.BlogTimeStamp__text{text-align:center;font-style:italic;font-size:1em}@media (min-width: 992px){.BlogTimeStamp p.BlogTimeStamp__text{font-size:1.2em}}.BlogTimeStamp time{font-weight:700}.Disclaimer{max-width:800px;margin:0 auto;display:flex;padding:1.5rem;flex-direction:column;justify-content:center;align-items:center;background-color:#111}@media (min-width: 768px){.Disclaimer{flex-direction:row;flex-wrap:wrap}}.Disclaimer img{max-width:250px;padding:20px 0 0;margin-bottom:1.5rem;border-radius:100%;border:1px solid #222;filter:grayscale(1);opacity:.8}@media (min-width: 992px){.Disclaimer img{margin-left:1.5rem;width:250px}}.Disclaimer p{margin:0;margin-bottom:1.5rem;font-style:italic;font-size:1em;color:#888}@media (min-width: 768px){.Disclaimer p{max-width:calc(100% - 250px - 1.5rem);padding:0 1.5rem;font-size:1.2em}}@media (min-width: 1200px){.Disclaimer p{padding:0 3rem}}.Disclaimer a.contact-link{max-width:300px;width:100%;padding:.5rem;background-color:#111;color:#d8d8d8;font-size:1.2em;font-weight:700;text-decoration:none;text-align:center;border:2px solid rgb(0,118,118);border-radius:100px}.Disclaimer a.contact-link:hover{background-color:#007676;color:#000;cursor:pointer}.light .Disclaimer{background-color:#d8d8d8;border:1px solid #555}.light .Disclaimer img{background-color:#000}.light .Disclaimer a.contact-link{color:#000;background-color:#bbb;border-color:#007676}.light .Disclaimer a.contact-link:hover{background-color:#a8a8a8}aside.blog-component--article{position:fixed;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;bottom:0;width:100%;height:5rem;background-color:#111;z-index:60}aside.blog-component--article .line{position:absolute;display:none;width:1px;height:55vh;background-color:#333;right:4.5rem;opacity:0;animation:fade_in .3s .9s ease-out forwards,from_above_far 1s .9s ease-in}@media (min-width: 992px){aside.blog-component--article .line{display:block}}aside.blog-component--article>*{opacity:0;animation:fade_in .2s ease-out forwards,from_above .2s ease-in}aside.blog-component--article>*:nth-child(1){animation-delay:.5s}aside.blog-component--article>*:nth-child(2){animation-delay:.6s}aside.blog-component--article>*:nth-child(3){animation-delay:.7s}aside.blog-component--article>*:nth-child(4){animation-delay:.8s}aside.blog-component--article>*:nth-child(5){animation-delay:.9s}aside.blog-component--article>*:nth-child(6){animation-delay:1s}@media (min-width: 992px){aside.blog-component--article>*:nth-child(1){animation-delay:1.5s}aside.blog-component--article>*:nth-child(2){animation-delay:1.6s}aside.blog-component--article>*:nth-child(3){animation-delay:1.7s}aside.blog-component--article>*:nth-child(4){animation-delay:1.8s}aside.blog-component--article>*:nth-child(5){animation-delay:1.9s}aside.blog-component--article>*:nth-child(6){animation-delay:1.1s}}aside.blog-component--article .aside-icon{margin:1.5rem 0;color:#555;font-size:1.6em}aside.blog-component--article .aside-icon:hover{color:#fff;transform:scale(1.1);cursor:pointer}aside.blog-component--article .aside-icon.highlighted{color:#fff}@media (min-width: 992px){aside.blog-component--article{display:flex;width:30px;height:80vh;flex-direction:column;justify-content:center;align-items:center;right:1.5rem;background-color:transparent;z-index:40}aside.blog-component--article .aside-icon{margin:1rem 0;color:#555;font-size:2.2em}aside.blog-component--article .aside-icon:hover{color:#fff;transform:scale(1.1);cursor:pointer}}@media (min-width: 1200px){aside.blog-component--article{width:50px;height:80vh}}aside.blog-component--article div.Article__icon-box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}aside.blog-component--article div.Article__icon-box span{position:absolute;color:#007676;font-family:monospace;font-size:1.2em;bottom:.5rem}@media (min-width: 992px){aside.blog-component--article div.Article__icon-box span{bottom:-.5rem}}aside.blog-component--article div.Article__icon-box:hover span{color:#00cece}.blog-component h1{font-variant:small-caps;font-weight:400}.blog-component article:not(.BlogCard){margin:0 auto;padding:0;max-width:1200px}.blog-component h2{text-align:center}.blog-component h3,.blog-component h4{margin:3rem 0;color:#d8d8d8;font-size:1.6em;font-family:Roboto_Bold;font-variant:small-caps}.blog-component strong{font-weight:700;color:#d8d8d8}.blog-component img.image--lrg{max-width:100%;margin:0 auto;display:block}.blog-component img.image--med{width:100%;max-width:800px;margin:0 auto;display:block}.blog-component img.bg--white{background-color:#fff}.blog-component a.inline:before{content:"["}.blog-component a.inline:after{content:"]"}.blog-component a.inline{height:100%;margin:0 .25rem;display:inline-block;transform:translateY(-2px);color:#007676;text-decoration:none;font-family:monospace;cursor:pointer}.blog-component a.inline:hover{color:#00cece;transform:scale(1.05) translateY(-2px)}@media (min-width: 576px){.blog-component a.inline{margin:0 .5rem;transform:translateY(-3px)}}.blog-component strong.bold{font-family:Roboto_Bold}@media (min-width: 1200px){.blog-component p{text-align:justify}}.blog-component .code{margin:0 auto;max-width:1200px;background-color:#111!important;border:1px solid #333}.blog-component .code span{font-family:monospace!important;font-size:1.2em}@media (min-width: 992px){.blog-component .code span{font-size:1.6em}}.blog-component .button{width:100%;max-width:400px;height:3em;margin:0 auto;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;background-color:#007676;color:#111;border:3px solid #333;border-radius:100px;font-size:1.2em;font-family:Roboto_Bold;text-decoration:none;cursor:pointer}.blog-component .button>*{margin-left:.5rem;font-size:1.5rem}@media (min-width: 992px){.blog-component .button>*{margin-left:1rem;font-size:2rem}}@media (min-width: 768px){.blog-component .button{width:40%}}@media (min-width: 992px){.blog-component .button{font-size:1.6em}}.light h3,.light h4{color:#222}.light aside *{color:#888}.ShareMenu{position:absolute;width:100%;height:5rem;bottom:5rem;display:flex;justify-content:space-evenly;align-items:center;background-color:#111}@media (min-width: 992px){.ShareMenu{height:100%;width:5rem;left:-7rem;bottom:0;height:80vh;flex-direction:column;justify-content:center;background-color:transparent}}.ShareMenu .ShareMenu__icon>*{color:#555;font-size:1.6em;opacity:0;animation:fade_in .2s ease-out forwards,from_above .2s ease-in}.ShareMenu .ShareMenu__icon>*:hover{color:#fff;transform:scale(1.1);cursor:pointer}@media (min-width: 992px){.ShareMenu .ShareMenu__icon>*{margin:1rem 0;font-size:2.2em}}.ShareMenu .ShareMenu__icon:nth-child(1)>*{animation-delay:.1s}.ShareMenu .ShareMenu__icon:nth-child(2)>*{animation-delay:.2s}.ShareMenu .ShareMenu__icon:nth-child(3)>*{animation-delay:.3s}.ShareMenu .ShareMenu__icon:nth-child(4)>*{animation-delay:.4s}.ShareMenu .ShareMenu__icon:nth-child(5)>*{animation-delay:.5s}h1{font-variant:small-caps}h2.riffmaster{text-align:center;font-variant:small-caps;font-size:1.6em}h3.riffmaster{margin:3rem 0;color:#d8d8d8;font-size:1.6em;font-family:Roboto_Bold;font-variant:small-caps}img.image--lrg{max-width:100%;margin:0 auto;display:block}img.image--med{width:100%;max-width:800px;margin:0 auto;display:block}figure div.guitar{max-width:500px;background-color:#bbb}figure div.guitar img{max-width:500px;width:100%}div.bg--white{background-color:#fff}strong.bold{font-family:Roboto_Bold}ul.ul--riffmaster-leds{display:flex;flex-direction:column;color:#bbb;font-size:1.2em;margin-top:1.5rem;list-style:none}@media (min-width: 576px){ul.ul--riffmaster-leds{font-size:1.6em}}ul.ul--riffmaster-leds li{display:inline-flex}ul .circle{min-height:100%;margin-right:10px;display:flex;justify-content:center;align-items:center}ul .circle i{display:inline-block;width:25px;height:15px;border-radius:5px;border:2px solid black}ul .circle i.red{background-color:#ff1493}ul .circle i.green{background-color:#90ee90}ul .circle i.blue{background-color:#0ff}@media (min-width: 1200px){p{text-align:justify}}.button{width:100%;max-width:400px;height:3em;margin:0 auto;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;background-color:#007676;color:#111;border:3px solid #333;border-radius:100px;font-size:1.2em;font-family:Roboto_Bold;text-decoration:none;cursor:pointer}.button>*{margin-left:.5rem;font-size:1.5rem}@media (min-width: 992px){.button>*{margin-left:1rem;font-size:2rem}}@media (min-width: 768px){.button{width:40%}}@media (min-width: 992px){.button{font-size:1.6em}}.light h3,.light ul.ul--riffmaster-leds{color:#222}.sound-btn-wrapper{width:100%;max-height:50vh;display:flex;justify-content:center;flex-wrap:wrap;overflow:auto}.sound-btn-wrapper button{display:flex;justify-content:center;align-items:center;margin:1rem;padding:.5rem 1rem;background-color:#111;border:2px solid #666;border-radius:50px;color:#fff;font-size:1.6em;cursor:pointer}.sound-btn-wrapper button span{margin-right:.5rem;color:#00b5b5}.JsSorting__ol{margin-left:3rem;margin-bottom:1.5rem;margin-top:-1.5rem;font-size:1.2em;color:#bbb}@media (min-width: 576px){.JsSorting__ol{font-size:1.6em}}ul{margin-left:2rem;margin-top:2rem}.blog-component .HookPattern__use-effect-button,.blog-component .HookPattern__use-context-button,.blog-component .HookPattern__use-red-button{margin-top:1.5rem;width:100%;display:flex;justify-content:center}.blog-component .HookPattern__use-effect-button button,.blog-component .HookPattern__use-context-button button,.blog-component .HookPattern__use-red-button button{width:400px;height:50px;padding:0}.blog-component .HookPattern__code{padding:0 5px;background-color:#444;color:#000;font-family:monospace;font-weight:bolder;border-radius:10px;border:3px #222 solid}.light .blog-component .HookPattern__code{color:#fff;background-color:#999;border-color:#777}.wrapped-component{position:relative;width:100%;display:flex;flex-direction:column}.wrapped-component input{border:2px solid #222;background-color:#000}.wrapped-component textarea{width:100%;padding:10px;background-color:#000;color:#007676;font-size:1em;font-variant:small-caps;border:2px solid #222;border-radius:20px;resize:none}.wrapped-component textarea::placeholder{color:#333;font-weight:400;opacity:1}.wrapped-component textarea:focus{background-color:#00000080;border-color:#007676;border-radius:20px;outline:none}.wrapped-textarea .textarea__info{font-size:.7em;text-align:right;color:#444}.wrapped-textarea .textarea__info .highlight{color:#005151;font-weight:bolder}.error-msg{margin:0;margin-top:1rem;width:100%;text-align:right;font-size:.8em;font-style:italic;font-variant:small-caps;color:#ff1493}.action-icon{position:absolute;right:0;top:0;height:calc(100% - 1rem);width:3rem;margin:.5rem 0;display:flex;justify-content:center;align-items:center;color:#007676;font-size:1.2em;border-left:2px solid #222;cursor:pointer}.action-icon:hover{color:#00cece}.show-icon{position:absolute;left:0;top:0;height:calc(100% - 1rem);width:3rem;margin:.5rem 0;display:flex;justify-content:center;align-items:center;color:#222;font-size:1.2em;border-right:2px solid #222}.show-icon .color{min-width:20px;min-height:20px;border:2px solid #555;border-radius:5px}.show-input-icon .icon-padding{padding-left:60px}.wrapped-component.open{border-top-left-radius:20px;border-top-right-radius:20px;border:2px solid #222;background-color:#000}.wrapped-component.open input{border:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:2px solid #222}.option-dropdown{position:absolute;top:calc(100% - 2px);left:-2px;min-height:100%;width:calc(100% + 4px);padding:1rem;background-color:#0c0c0c;z-index:10;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border:2px solid #222;overflow-y:auto;max-height:200px}.option-dropdown .option{display:flex;align-items:center;padding:.25rem;border-bottom:1px solid #222;color:#d8d8d8;font-variant:small-caps;cursor:pointer}.option-dropdown .option .icon{margin-right:20px}.option-dropdown .option .highlight{color:#007676;font-weight:bolder}.option-dropdown .option .color{min-width:20px;min-height:20px;border:2px solid #555;border-radius:5px}.option-dropdown .option:hover{background-color:#000;color:#fff}.option-dropdown .option:last-of-type{border-bottom:none}form{width:100%;max-width:700px;margin-bottom:3rem;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#111;opacity:1;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#0c0c0c 4px),repeating-linear-gradient(rgba(7,7,7,.3333333333),#070707);border:2px solid #222;border-radius:20px}@media (min-width: 768px){form{padding:1.5rem;font-size:1.3rem}}form fieldset{width:100%;margin:1rem;padding:0 1rem;display:flex;flex-direction:column;border:none}@media (min-width: 768px){form fieldset{margin:1rem;padding:0 1.5rem;flex-direction:row;align-items:start;justify-content:space-between}}form label{min-width:120px;margin-right:20px;margin-bottom:1rem;font-variant:small-caps;color:#888}@media (min-width: 768px){form label{margin-top:10px;margin-right:5rem}}form input{width:100%;padding:20px 10px;background-color:#090909;color:#007676;font-size:1em;font-variant:small-caps;border-radius:20px}form input::placeholder{color:#333;font-weight:400;opacity:1}form input:focus{background-color:#00000080;border-color:#007676;border-radius:20px;outline:none}form input{height:2rem}form input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:2rem;min-width:2rem;height:2rem;min-height:2rem;background-color:transparent;border:2px solid #333;border-radius:10px;padding:5px;cursor:pointer}form input[type=radio]:checked{background-color:#007676;position:relative;border:2px solid #222}form .loading-indicator{margin:1.5rem 0;font-size:1.2em;color:#a8a8a8;animation:rotation 1s linear infinite}form .user-message{margin:1.5rem 0;color:#a8a8a8;font-variant:small-caps}form .button-box{width:100%;display:flex;padding:0 1.5rem;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){form .button-box{flex-direction:row;justify-content:center;align-items:center}form .button-box button:nth-child(2){margin-left:auto}}form .wrapped-input{position:relative}form button{min-height:3rem;width:calc(100% - 2rem);margin:1.5rem 1rem 0;background-color:#00cece;border:2px solid transparent;border-radius:50px;color:#000;font-size:1em;font-family:Roboto_Bold;font-variant:small-caps;cursor:pointer}@media (min-width: 576px){form button{width:280px}}form button:hover,form button:active{background-color:#005151;border:2px solid rgb(0,118,118);color:#fff}form button:disabled{border:2px solid #333;background-color:#007676;color:#003434;cursor:not-allowed}form button[type=submit]{margin-bottom:1rem}form button.secondary{background-color:#000;border:2px solid rgb(0,52,52);color:#fff}form .error-message{width:100%;padding:0 2.5rem;text-align:right;font-style:italic;font-variant:small-caps;color:#ff1493}form .submit-error-message{width:calc(100% - 2rem);padding:.5rem 2.5rem;margin:1rem;text-align:center;font-size:1.4rem;font-family:monospace;font-variant:small-caps;color:#ff1493;background-color:#00000080;border:1px solid #333;border-radius:10px}@media (min-width: 768px){form .submit-error-message{width:500px}}form .submit-success-message{padding:.5rem 2.5rem;margin:1rem;text-align:center;font-size:1.4rem;font-family:monospace;font-variant:small-caps;color:#00b5b5;background-color:#00000080;border:1px solid #333;border-radius:10px}form .error-message{color:#ff1493}form .user-message{color:#111}.dark input:-webkit-autofill,.dark input:-webkit-autofill:hover,.dark input:-webkit-autofill:focus,.dark input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#000;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #111}.light input{color:#000;font-weight:700;background-color:#bbb}.light input::placeholder{color:#000}.light input:focus{background-color:#bbb}.light input:focus{background-color:#bbb;transition:background-color 5000s ease-in-out 0s;border-color:#007676;color:#111}.light input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#111;box-shadow:inset 0 0 20px 20px #bbb}.Login{width:100%}.Login main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Login header{width:100vw;min-width:100vw}.light form{background:#BBB}.link{position:relative}.link .xmas-hat{position:absolute;width:30px;height:auto;top:-3px;right:-15px;opacity:.8}.nav_links{margin-left:0;margin-top:0}@media (min-width: 768px){.nav_links{font-size:.8rem}}@media (min-width: 992px){.nav_links{font-size:1rem}}.Header{box-shadow:5px 5px 5px #000;border:none}.Header li:nth-child(1){animation-delay:.1s!important}.Header li:nth-child(2){animation-delay:.2s!important}.Header li:nth-child(3){animation-delay:.3s!important}.Header li:nth-child(4){animation-delay:.4s!important}.Header li:nth-child(5){animation-delay:.5s!important}.Header li:nth-child(6){animation-delay:.6s!important}li{animation:none;outline:none}li:hover{transform:scale(1)!important}li span.active{color:#fff}.MobileMenu{height:calc(100vh - 6rem);display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 768px){.MobileMenu{display:none}}.MobileMenu>li:hover,.MobileMenu>li *:hover{color:#007676!important}.MobileMenu li{margin-top:1.2rem;margin-bottom:1.2rem;text-shadow:black 2px 2px 2px,#333 -1px -1px 1px}.MobileMenu .link{position:relative}.MobileMenu .chevron-wrapper{display:flex;position:absolute;top:0;right:-1.6rem;color:#444}.MobileMenu footer{max-height:5rem;display:flex;flex-direction:column;align-items:center;margin:2rem;margin-top:auto;margin-bottom:1rem;padding:1rem;background-color:#00000026;border-top:2px solid #191919;border-radius:5px}.MobileMenu footer div,.MobileMenu footer div *{font-family:monospace;font-size:.8em;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100vw}.MobileMenu footer .date{padding-top:1rem;width:100vw;text-align:center}.Breadcrumbs{max-width:100vw;height:2rem;display:flex;align-items:center;margin:1.5rem 2rem;margin-top:0;padding-bottom:1.5rem;font-size:1.3rem;font-variant:small-caps;border-bottom:2px solid #191919}.Breadcrumbs .home-icon{color:#666}.Breadcrumbs .home-icon,.Breadcrumbs .crumb{min-width:22px;text-shadow:black 2px 2px 2px,#333 -1px -1px 1px}.Breadcrumbs .path{color:#333;text-shadow:black 2px 2px 2px}.Breadcrumbs span{font-family:Roboto_Bold;white-space:nowrap}.Breadcrumbs .breadcrumb:nth-of-type(1) .crumb{color:#555}.Breadcrumbs .breadcrumb:nth-of-type(2) .crumb{color:#444}.Breadcrumbs .breadcrumb:nth-of-type(3) .crumb{color:#333}.Breadcrumbs .slash{margin:0 .5rem;color:#333}.Breadcrumbs .home-icon:hover,.Breadcrumbs .crumb:hover{text-decoration:underline;color:#007676!important;cursor:pointer}.SubmenuBasis{display:none;position:fixed;background-color:#111;padding:1rem 2rem;list-style:none;flex-direction:column;box-shadow:5px 5px 5px #000;border-top:none;z-index:100;transform:translateY(5vh)}@media (min-width: 768px){.SubmenuBasis{display:flex}}.SubmenuBasis li{position:relative;margin-bottom:1rem;color:#888;font-size:1.6em;cursor:pointer;opacity:0;animation:fade_in .2s ease-out forwards,from_above .2s ease-in}.SubmenuBasis li:last-child{margin-bottom:0}.SubmenuBasis li.active,.SubmenuBasis li:hover,.SubmenuBasis li.extended{color:#fff;font-family:Roboto_Bold}.SubmenuBasis li.active:hover{transform:scale(1)}.SubmenuBasis li:hover{transform:scale(1.1)}.SubmenuBasis li:not(.active) .active-dot{display:none}.SubmenuBasis li .chevron{color:#888;height:70%;transform:translateY(5px)}.SubmenuBasis li:nth-child(1){animation-delay:.1s}.SubmenuBasis li:nth-child(2){animation-delay:.2s}.SubmenuBasis li:nth-child(3){animation-delay:.3s}.SubmenuBasis li:nth-child(4){animation-delay:.4s}.SubmenuBasis li:nth-child(5){animation-delay:.5s}.SubmenuBasis li:nth-child(6){animation-delay:.6s}.SubmenuBasis .link{color:inherit;text-decoration:inherit;font-variant:small-caps}@media (min-width: 768px){.SubmenuBasis{font-size:.8rem}}@media (min-width: 992px){.SubmenuBasis{font-size:.9rem}}.SubmenuBasis .MenuAccordion{margin:0;margin-top:1rem;padding:1rem;display:flex;flex-direction:column;background-color:#0003;list-style:none;border-left:2px solid #222}.SubmenuBasis .MenuAccordion li{margin-left:1rem;padding:.1rem 0}@media (min-width: 768px){.SubmenuBasis .MenuAccordion li{font-size:1.4rem}}@media (min-width: 992px){.SubmenuBasis .MenuAccordion li{font-size:1.4rem}}.SubmenuBasis .MenuAccordion span.active{color:#fff}.GuestIndex h2{margin-bottom:0}.GuestIndex .Xmass-welcome{width:100%;min-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem}.GuestIndex .Xmass-welcome p{min-width:100%}.GuestIndex .Xmass-welcome .Xmass-welcome-text{width:100%;min-width:50%}.GuestIndex .Xmass-welcome .Xmass-welcome-image{width:50%;min-width:50%}@media (min-width: 1200px){.GuestIndex .Xmass-welcome{width:100%;flex-direction:row;margin-bottom:3rem}.GuestIndex .Xmass-welcome .Xmass-welcome-image{max-width:400px;padding-left:3rem}}.Register{width:100%;max-width:2000px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Register h1{margin:0 0 3rem}.Register form{width:100%;max-width:700px;margin-bottom:3rem;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0003;border:2px solid #333;border-radius:20px}@media (min-width: 768px){.Register form{padding:1.5rem;font-size:1.3rem}}.Register fieldset{width:100%;margin:1rem 0;padding:0 1rem;display:flex;justify-content:space-between;align-items:start;border:none}@media (min-width: 768px){.Register fieldset{padding:0 1.5rem}}.Register label{margin-top:14px;min-width:80px}@media (min-width: 768px){.Register label{margin-top:10px;min-width:100px;margin-right:20px}}.Register input{width:100%;padding:20px 10px;background-color:transparent;border:none;color:#fff;font-weight:700;font-size:1em;font-variant:small-caps;border:2px solid #333;border-radius:20px}.Register input::placeholder{color:#bbb;font-weight:400;opacity:1}.Register input:focus{background-color:#00000080;border-color:#007676;border-radius:20px;outline:none}.Register input{height:2rem}.Register .loading-indicator{margin:1.5rem 0;font-size:1.2em;color:#a8a8a8;animation:rotation 1s linear infinite}.Register .user-message{margin:1.5rem 0;color:#a8a8a8;font-variant:small-caps}.Register .button-box{width:100%;display:flex;padding:0 1.5rem;flex-direction:column;align-items:center}@media (min-width: 768px){.Register .button-box{flex-direction:row;justify-content:center}.Register .button-box button:nth-child(2){margin-left:auto}}.Register .wrapped-input{position:relative}.Register .reveal-password{position:absolute;right:0;top:0;height:calc(100% - 1rem);width:3rem;margin:.5rem 0;display:flex;justify-content:center;align-items:center;color:#007676;font-size:1.2em;border-left:2px solid #333;cursor:pointer}.Register .reveal-password:hover{color:#00cece}.Register button{min-height:3rem;width:280px;margin-top:1.5rem;background-color:#00cece;border:2px solid transparent;border-radius:50px;color:#000;font-size:1em;font-family:Roboto_Bold;padding:0 10px;cursor:pointer}.Register button:hover,.Register button:active{background-color:#005151;color:#fff}.Register button:disabled{border:2px solid #333;background-color:#003434;color:#005151}.Register .error-message{width:100%;padding:0 2.5rem;text-align:right;font-style:italic;font-variant:small-caps;color:#ff1493}.Register .form-message{padding:0 2.5rem;margin:1rem;text-align:center;font-size:1.4rem;font-family:monospace;font-variant:small-caps;background-color:#000;border:1px solid #333;border-radius:5px}.Register .submit-error-message{color:#ff1493}.Register .submit-success-message{color:#0ff}.dark input:-webkit-autofill,.dark input:-webkit-autofill:hover,.dark input:-webkit-autofill:focus,.dark input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(0,118,118);transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #000}.light .Login input{color:#000;font-weight:700;background-color:#bbb}.light .Login input::placeholder{color:#000}.light .Login input:focus{background-color:#bbb}.light .Login input:focus{background-color:#bbb;transition:background-color 5000s ease-in-out 0s;border-color:#007676;color:#111}.light .Login input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#111;box-shadow:inset 0 0 20px 20px #bbb}.light .error-message{color:red}.light .user-message{color:#111}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.EmailVerification{display:flex;justify-content:center;align-items:center;flex-direction:column}.EmailVerification h2{margin:3rem}.AddRecords ul{list-style:none}.AddRecords li{border-top:1px solid #444;padding-top:1.5rem}.AddRecords button{height:2.5em;margin-bottom:0;background-color:#00cece;font-weight:bolder;border-radius:100px;font-size:1.2em}.AddRecords .small-text{margin-top:.5rem;font-size:1.25em}.Tasks .form-container{margin:.5rem}@media (min-width: 768px){.Tasks .form-container{width:100%;display:flex;justify-content:center;margin:0}}.Tasks .form-container form{max-width:1000px}.Logout{min-height:95vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.Logout .logout-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){.Logout .logout-wrapper{width:600px;flex-direction:row;justify-content:space-between}}.Logout .logout-wrapper button{height:2.5rem;width:250px;margin-bottom:1rem;font-variant:small-caps}@media (min-width: 768px){.Logout .logout-wrapper button{height:auto;padding:.5rem}}.Logout .logout-wrapper button:hover{background-color:#00cece}.Logout p{text-align:center}table{width:100%;max-width:100vw;background:#070707;border-radius:20px;font-size:1rem;font-variant:small-caps;border-collapse:collapse}table td{padding:.25rem;border-bottom:1px solid rgba(255,255,255,.05)}table thead{border-bottom:2px solid rgba(255,255,255,.05)}table thead tr:first-child td{border-top:none;padding:1rem .25rem}table tbody tr td{border-left:none;border-right:none}table tbody tr:last-child td{border-bottom:none}table td.icon{width:50px;font-size:16px;text-align:center}table td.icon.green{color:#009563}table td.icon.red{color:#ca1343}table td div.icon{width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-width:2px;border-style:solid;border-radius:100%}table td.md{display:none}@media (min-width: 768px){table td.md{display:table-cell}}table td.lg{display:none}@media (min-width: 992px){table td.lg{display:table-cell}}table td.hide{display:none}.Categories .hide--small-screen{display:none}@media (min-width: 768px){.Categories .hide--small-screen{display:flex}}.Categories .form-container{margin:.5rem}@media (min-width: 768px){.Categories .form-container{width:100%;display:flex;justify-content:center;margin:0}}.Categories .form-container form{max-width:1000px}.Categories .form-container form .parent-radio{display:flex;flex-direction:column}@media (min-width: 768px){.Categories .form-container form .parent-radio{justify-content:start;flex-direction:row}}.Categories .form-container form .parent-radio label{display:flex;align-items:center;margin-top:0;margin-bottom:1rem}@media (min-width: 768px){.Categories .form-container form .parent-radio label{margin-bottom:0}}.Categories .form-container form .parent-radio div{width:100%;display:flex;justify-content:start}@media (min-width: 576px){.Categories .form-container form .parent-radio div{width:80%;margin-left:10%}}@media (min-width: 768px){.Categories .form-container form .parent-radio div{width:100%;margin-left:0}}.Categories .form-container form .parent-radio div div{display:flex;justify-content:start;align-items:center;width:50%;margin-left:0}.Categories .form-container form .parent-radio div div label{min-width:0;display:block;margin-top:0;margin-right:1rem;margin-bottom:0}.Categories .form-container form .parent-radio div div:last-child{justify-content:end;border-left:2px solid #222}.Categories .button-container{width:100%;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}@media (min-width: 768px){.Categories .button-container{flex-direction:row;justify-content:center;align-items:baseline}}.Categories .submit-message{padding:.5rem 2.5rem;margin:1rem;text-align:center;font-size:1.4rem;font-family:monospace;font-variant:small-caps;color:#00b5b5;background-color:#00000080;border:1px solid #333;border-radius:10px;width:calc(100% - 2rem);background-color:#111}.ClockWidget{width:100vw;height:100vh;min-width:375px;min-height:670px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#111;font-size:1em}.ClockWidget .ClockContainer{min-width:375px;min-height:375px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0a0a0a;border-radius:100%;border:10px solid #111;box-shadow:15px 15px 10px #000,-15px -15px 10px #ffffff05,inset -30px -30px 20px #ffffff03,inset 30px 30px 20px #0009}@media (min-width: 992px){.ClockWidget .ClockContainer{min-width:600px;min-height:600px;font-size:1.2em}}.ClockWidget .ClockContainer .ClockFace{width:calc(375px - 15vw);height:calc(375px - 15vw);display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px #111 solid}@media (min-width: 992px){.ClockWidget .ClockContainer .ClockFace{width:calc(600px - 5vw);height:calc(600px - 5vw);max-height:80vh}}.ClockWidget header,.ClockWidget footer{width:100%;height:100%}@media (orientation: landscape){.ClockWidget{min-width:670px;min-height:375px;flex-direction:row}}@keyframes fade_in{0%{opacity:0}to{opacity:1}}@keyframes fade_out{0%{opacity:1}to{opacity:0}}@keyframes from_left{0%{transform:translate(-30px)}to{transform:translate(0)}}@keyframes from_right{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes from_above{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes from_above_far{0%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes from_below{0%{transform:translateY(30px)}to{transform:translateY(0)}}@keyframes pop{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes loadingIndicatorBarAnimation{0%{height:100%;border-radius:3px;opacity:.6}50%{height:20%;border-radius:1px;opacity:.2}to{height:100%;border-radius:3px;opacity:.6}}.Xmas main{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Xmas form{margin-bottom:0;border-radius:5px}.Xmas .reindeer-image{width:150px;height:auto;margin-bottom:calc(-2rem - 20px);z-index:10}.Xmas .message-wall tr td:first-child{padding-left:10px;width:200px;font-size:.9rem;font-family:monospace}.Xmas .candle-panel{margin:2rem 1.5rem 1.5rem;width:100%;max-width:600px;padding:1rem;display:flex;justify-content:center;border-radius:10px;border:2px solid #333;background:#0a0a0a}.Xmas .candle-panel .candle{width:50px;height:auto;margin:0 10px}.Xmas .candle-panel .candle img{width:100%;height:auto;opacity:.7;cursor:pointer}.Xmas .candle-panel .candle img:hover{opacity:1}@media (min-width: 576px){.Xmas .candle-panel .candle{width:80px}}@font-face{font-family:Roboto_Light;src:url(/assets/Roboto-Light-c576c506.ttf)}@font-face{font-family:Roboto;src:url(/assets/Roboto-Thin-67248f7e.ttf)}@font-face{font-family:Roboto_Medium;src:url(/assets/Roboto-Medium-9d0d55a3.ttf)}@font-face{font-family:Roboto_Bold;src:url(/assets/Roboto-Bold-ec685a46.ttf)}@font-face{font-family:Fira;src:url(/assets/FiraCode-Medium-e6130d9c.ttf)}html{max-width:100vw;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto_Light,Arial,Helvetica,sans-serif;font-weight:lighter;scrollbar-color:rgb(0,118,118) #888;scrollbar-width:thin}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgb(0,118,118)}::-webkit-scrollbar-thumb:hover{background:rgb(0,206,206)}.scroll::-webkit-scrollbar{width:4px;transition:width .5s}.scroll::-webkit-scrollbar-thumb{background:rgb(0,206,206)}body{background-color:#eee;color:#000}body.dark{background-color:#111;color:#fff}br{margin-bottom:1.5rem}strong{color:#fff}.light strong{color:#000}h1{color:#fff;font-size:1.6em;font-variant:small-caps}@media (min-width: 768px){h1{font-size:3em}}h2{margin:3rem 0;color:#d8d8d8;font-size:1.6em;font-family:Roboto_Bold;font-variant:small-caps}hr{height:0;background-color:transparent;border:1px solid #222;margin-bottom:3rem}main{padding:3rem 1rem}@media (min-width: 768px){main{padding:3rem 5rem}}@media (min-width: 992px){main{padding:3rem 15%}}p{margin:3rem 0;color:#bbb}figure{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-bottom:1.5rem}figcaption{margin-bottom:1.5rem;padding-top:1.5rem;color:#888;text-align:center;font-size:1.2em;font-style:italic}@media (min-width: 992px){figcaption{font-size:1.6em}}span.sidenote{color:#888;font-style:italic}.light h1,.light h2{color:#222;text-shadow:none}.light hr{border:1px solid #888}.light p{color:#000}