*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;margin:0;padding:0}body{background-color:teal;font-family:Tahoma,sans-serif}.desktop-container{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:normal;flex-wrap:nowrap}.nav-icons__list-item{margin:1.5rem}.nav-icons__menu-icon{width:4rem;margin-bottom:1rem}.nav-icons__button{all:unset;width:100%;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;color:#fff;text-shadow:1px 1px #4e4e4e}.nav-icons__button:hover{background-color:navy;color:#fff}.nav-icons{display:none}@media screen and (min-width: 768px){.nav-icons{display:block}}.nav-icons__list{padding:0;list-style-type:none}.horizontal-line{margin:.5rem 0}.horizontal-line--colour{padding:.1rem;background:linear-gradient(to right,red 25%,yellow 25% 50%,green 50% 75%,lightblue 75% 100%)}.vertical-line{height:80%;margin:.5rem}.vertical-line--colour{background:linear-gradient(to right,red 25%,yellow 25% 50%,green 50% 75%,lightblue 75% 100%)}.about{width:95%;margin:.5rem auto;text-align:center;font-size:1.5rem}@media screen and (min-width: 768px){.about{display:flex;justify-content:space-around;align-items:center;flex-wrap:nowrap;width:85%}}@media screen and (min-width: 768px){.about__side{width:60%}}.about__image{max-width:35%}@media screen and (min-width: 768px){.about__image{max-width:21rem}}.about__title{margin:0}.about__text{margin:.5rem 0}@media screen and (min-width: 768px){.about__text{margin:1rem 0}}.about__skills{display:flex;justify-content:center;flex-wrap:wrap}.about__skill{width:9rem;text-align:center}@media screen and (min-width: 768px){.about__skill{width:10rem}}.about__skill-icon{width:4rem}@media screen and (min-width: 768px){.about__skill-icon{width:5rem}}.about__skill-title{text-align:center;margin:.5rem}.window{border:2px solid #000;border-radius:4px;background-color:silver;padding:10px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif}.window__title-bar{display:flex;justify-content:space-between;align-items:center;background-color:navy;color:#fff;padding:5px;border-bottom:2px solid #000}.window__title-img-wrapper{display:flex;align-items:center}.window__icon{width:16px;height:16px;margin-right:5px}.window__title{font-size:14px;margin:0}.window__button-close{background-color:red;border:none;color:#fff;font-size:12px;width:20px;height:20px;cursor:pointer}.window__body{background-color:silver;padding:10px}.contact__skills{display:flex;flex-direction:column;gap:15px}.contact__skill{display:flex;align-items:flex-start;padding:20px;background-color:#fff;border:2px solid #000;border-radius:4px;box-shadow:0 2px 4px #0003;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer}.contact__skill:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.contact__skill-icon{width:50px;height:50px;margin-right:15px}.contact__skill-info{display:flex;flex-direction:column}.contact__skill-title{font-weight:700;margin:0;font-size:16px}.contact__skill-org,.contact__skill-date{margin:0;font-size:14px;color:gray}.explorer{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray;background-color:#fff;background:linear-gradient(170deg,#6cb5ff 10%,#fff 30%);padding:.5rem;width:100%}.explorer__container{display:flex;flex-wrap:nowrap;margin-bottom:1rem}.explorer__image{width:3.5rem;margin-right:1rem}.explorer__title{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray;background-color:#fff;padding:1rem;font-size:1.6rem;margin:0}.tech-details__list{padding:0;list-style-type:none}.tech-details__item{display:inline;margin-right:1rem}.tech-details__image{width:3.5rem}.tech-details__title{display:inline}.project-info__text{margin-bottom:0}.slideshow{margin:0 auto;overflow:hidden}.slideshow__slider{white-space:nowrap;transition:ease 1s}.slideshow__slide{display:inline-block;width:100%}.slideshow__controls{text-align:center}.slideshow__dot{display:inline-block;height:2.5rem;width:2.5rem;background:#fff;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;cursor:pointer;margin:0 .5rem}.slideshow__dot--active{background-color:navy}.icon{all:unset;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;margin:1rem;cursor:pointer}.icon__image{width:4.5rem}.icon__title{margin:1rem 0 0}.icon__title--selected{color:#fff;background-color:navy}@keyframes pulse-animation{0%{box-shadow:0 0 #f003}to{box-shadow:0 0 0 20px #f000}}.links__fieldset{display:flex;flex-direction:column;justify-content:space-around;align-items:normal;flex-wrap:nowrap;border:1px solid #f4f4f4}.links__btn,.links__live{all:unset;background-color:silver;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;text-shadow:0 0 #222;padding:.5rem;margin-bottom:.5rem;cursor:pointer}.links__btn:active,.links__live:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #dfdfdf}.links__btn:focus,.links__live:focus{outline:1px dotted #000;outline-offset:-4px}.links__github{display:flex;justify-content:space-around;align-items:normal;flex-wrap:nowrap}.links__btn{display:flex;align-items:center;flex-wrap:nowrap;width:100%}.links__btn--disabled{color:#4e4e4e;text-shadow:1px 1px 0 #fff;pointer-events:none}.links__btn--general{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.links__link-img{width:2.5rem;margin-right:.5rem}.links__link-img--disabled{filter:grayscale(1)}.links__live{text-align:center;margin-bottom:0;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.links__live-pulse{width:1.5rem;height:1.5rem;border-radius:50%;box-shadow:0 0 1px 1px #0000001a;background-color:#4e4e4e;margin-right:.5rem}.links__live-pulse--enabled{background-color:#f21313;animation:pulse-animation 2s infinite}.projects{width:100%}.options__btn{all:unset;padding:.5rem;display:inline-block;cursor:pointer}.options__btn:hover{box-shadow:inset 1px 1px #fff,inset -1px -1px #000,inset 2px 2px #dfdfdf,inset -2px -2px #dfdfdf}.options__btn:first-letter{text-decoration:underline}.options__btn:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #dfdfdf}.icons{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;background-color:#fff;margin-bottom:1rem}.folder-footer{display:flex;flex-direction:row;justify-content:flex-start;align-items:normal;flex-wrap:nowrap}.folder-footer__text{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray;margin:0;padding:.2rem;width:100%}.view{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray;background-color:#fff;background:linear-gradient(150deg,#6cb5ff 10%,#fff 50%);height:29vh;padding:.5rem}.desktop{flex-grow:2}.window{background-color:silver;border-top:1px solid #f4f4f4;border-bottom:1px solid #4e4e4e;box-shadow:inset -1px -1px #000,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff;width:92vw;max-width:670px;margin:1.5rem auto 0;padding:1px 2px;display:flex;flex-direction:column;justify-content:space-between;align-items:normal;flex-wrap:nowrap}@media screen and (min-width: 768px){.window{margin:2rem auto 0;width:80vw}}@media screen and (min-width: 768px){.window{max-width:670px}}.window__body{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex-wrap:nowrap;height:100%}.window__title-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;background:linear-gradient(90deg,#000080,#1084d0);padding:3px 2px 3px 3px;margin:2px;color:#fff}.window__title-img-wrapper{display:flex;align-items:center;flex-wrap:nowrap}.window__title{font-size:1.5rem;margin:0;margin-left:.5rem}.window__icon{width:1.5rem}.window__button-close{border-top:1px solid #f4f4f4;border-bottom:1px solid #4e4e4e;box-shadow:inset -1px -1px #000,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff;all:unset;background-color:silver;cursor:pointer;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;text-shadow:0 0 #222;padding:.1rem .5rem;color:#000;font-weight:700;font-size:1.5rem}.window__button-close:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #dfdfdf}.window__button-close:focus{outline:1px dotted #000;outline-offset:-4px}.window__control-btns{width:95%;margin:1rem auto}.window__cta-btn,.window__close-btn{all:unset;background-color:silver;cursor:pointer;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;text-shadow:0 0 #222;padding:.5rem 1rem;margin-right:.5rem}.window__cta-btn:active,.window__close-btn:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #dfdfdf}.window__cta-btn:focus,.window__close-btn:focus{outline:1px dotted #000;outline-offset:-4px}.taskbar{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;height:4rem;width:100%;position:fixed;bottom:0;background-color:silver;border-top:1px solid #f4f4f4;border-bottom:1px solid #4e4e4e}.taskbar__start{all:unset;background-color:silver;cursor:pointer;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;text-shadow:0 0 #222;display:flex;flex-direction:row;justify-content:flex-start;align-items:normal;flex-wrap:nowrap;margin-left:.2rem;padding:.5rem}.taskbar__start:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #dfdfdf}.taskbar__start:focus{outline:1px dotted #000;outline-offset:-4px}.taskbar__start-icon{width:2rem;margin-right:.5rem}.taskbar__tasks{display:flex;flex-direction:row;justify-content:flex-start;align-items:normal;flex-wrap:nowrap}.taskbar__time{margin-left:auto}.taskbar__clock{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px gray;margin:0;margin-right:.3rem;padding:.6rem}.task{all:unset;background-color:silver;cursor:pointer;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;text-shadow:0 0 #222;display:flex;justify-content:space-around;align-items:center;flex-wrap:nowrap;margin-right:.2rem}.task:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #dfdfdf}.task:focus{outline:1px dotted #000;outline-offset:-4px}.task--shrink{width:6.25rem}@media screen and (min-width: 415px){.task--shrink{width:auto}}.task--active{box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #dfdfdf;font-weight:700;background-color:#f0f8ff}.task__icon{width:1.5rem;margin-left:.5rem}.task__text{margin:0;font-size:1.3rem;padding:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start{position:absolute;bottom:4rem;left:1px;display:flex;flex-direction:row;justify-content:flex-start;align-items:normal;flex-wrap:nowrap;background-color:silver;border-top:1px solid #f4f4f4;border-bottom:1px solid #4e4e4e;box-shadow:inset -1px -1px #000,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff;border-bottom:1px solid #000;border-right:1px solid #000;border-left:1px solid #fff;border-top:1px solid #fff;box-shadow:inset 1px 1px #4e4e4e}.start--hidden{display:none}.start__title-wrapper{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:nowrap;background:linear-gradient(360deg,#0000ff,#000080);width:5rem;margin-bottom:1px}.start__logo{width:5rem;padding:.5rem}.start__title{rotate:180deg;writing-mode:vertical-lr;color:#fff;padding-bottom:1rem}.start__list{padding:0;margin:0;list-style-type:none;display:flex;flex-direction:column;justify-content:space-between;align-items:normal;flex-wrap:nowrap}.start__list-item{margin:.1rem;padding-right:.5rem}.start__menu-icon{width:4rem;margin-right:1rem}.start__button{all:unset;width:100%;cursor:pointer;display:flex;align-items:center;flex-wrap:nowrap;padding-right:.5rem}.start__button:hover{background-color:navy;color:#fff}