.fade-in{animation:fadeIn .5s ease;-webkit-animation:fadeIn .5s ease;-moz-animation:fadeIn ease .5s;-o-animation:fadeIn ease .5s;-ms-animation:fadeIn ease .5s}.glitch-overlay.fade-in{animation:fadeInGlitch .5s ease;-webkit-animation:fadeInGlitch .5s ease;-moz-animation:fadeInGlitch ease .5s;-o-animation:fadeInGlitch ease .5s;-ms-animation:fadeInGlitch ease .5s}@keyframes fadeInGlitch{0%{opacity:0}to{opacity:.5}}@-webkit-keyframes fadeInGlitch{0%{opacity:0}to{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-right{position:relative;left:-100vw;-webkit-animation:slide .2s forwards;animation:slide .2s forwards}@-webkit-keyframes slide{to{left:0}}@keyframes slide{to{left:0}}.slide-up-fade-in{animation:slide-up-fade-in 1s ease;animation-iteration-count:1;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:slide-up-fade-in 1s ease;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:slide-up-fade-in ease 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:slide-up-fade-in ease 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:slide-up-fade-in ease 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards;opacity:0;opacity:1\9}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes slide-up-fade-in{0%{opacity:0;-webkit-transform:translateY(40px)}to{opacity:1;-webkit-transform:translate(0)}}.fade-down{animation:fadeDown 1s ease;animation-iteration-count:1;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:fadeDown 1s ease;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:fadeDown ease 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:fadeDown ease 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:fadeDown ease 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards}@keyframes fadeDown{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes fadeDown{0%{opacity:0;-webkit-transform:translateY(-25px)}to{opacity:1;-webkit-transform:translate(0)}}.blur{-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);top:0;position:fixed;left:0;height:100%;width:100%;z-index:2}a{text-decoration:none}img{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.center{text-align:center}.indent{margin:5px 20px!important}.col{margin:15px 0}.quote{text-align:center;font-family:"Inria Serif";font-style:italic;font-size:18px;line-height:25px;color:#4e4e4e}@media only screen and (max-width:400px){.nav-item{font-size:x-small}}@media only screen and (max-width:650px){.thumbnail-con{width:calc(100% - 20px)!important}.sub-nav-container{display:none!important}.blog-name-c{display:block!important}img.left,img.right{float:none!important;width:100%!important;margin:0!important}}@media only screen and (max-height:520px){.desktop-container{display:flex!important}.window{width:100vw!important;top:0!important;left:0!important;transform:none!important;height:calc(100% - 40px)!important}#expand-button,.sub-nav-container{display:none!important}}@media only screen and (min-width:900px){.thumbnails{max-height:700px!important;min-height:40vh!important}.subwindow{padding:15px 10%!important}}@media only screen and (min-width:1000px){.subwindow{padding:15px 15%!important}}.window{width:80vw;height:70vh;top:5vh;position:absolute;left:10vw;border:2px outset #fff;box-shadow:1px 1px 5px #003f8a;display:flex;flex-flow:column}.subwindow,.window{background-color:#fff}.subwindow{overflow-y:auto;overflow-x:hidden;padding:10px 15px}.subwindow>div{padding-bottom:70px}.top-bar{background-color:#745988;width:100%;height:24px;min-height:24px!important}#expand-button{width:18px;height:18px;line-height:18px;float:right;margin:2px;background-color:#c2c2c2;border:1px outset #fff;text-align:center;cursor:pointer}#expand{background-image:url(/assets/fullscreen.svg);height:100%;width:100%;background-repeat:no-repeat;background-size:80% 80%;background-position:50%}#close-button{width:18px;height:18px;line-height:18px;float:right;margin:2px;background-color:#c2c2c2;border:1px outset #fff;text-align:center;cursor:pointer;color:#000}.top-browser-container{height:45px;border:1px outset;font-family:"Windows1995",Arial,sans-serif;font-size:12px;width:100%;overflow-x:auto;overflow-y:hidden;background-color:#c2c2c2}.nav-item,.sub-nav-item,.top-browser-container{display:flex;align-items:center;white-space:nowrap}.nav-item,.sub-nav-item{position:relative;padding:0 15px;cursor:pointer;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;height:100%;color:#000;text-transform:capitalize;transition:background-color .3s ease-in-out}.sub-nav-container>a,.top-browser-container>a{height:100%}.nav-item:hover,.sub-nav-item:hover{background-color:#745988}.sub-nav-container{height:40px;border:1px outset;font-family:"Windows1995","Courier New",Courier,monospace;display:flex;font-size:10px;align-items:center;width:100%;color:#353535;overflow-x:auto;overflow-y:hidden;background-color:#c2c2c2}.main-img,video{width:100%;height:auto;position:relative;margin:20px 0}.img-caption{text-align:center;font-family:"Nunito";font-size:12px;text-transform:uppercase;margin-bottom:20px;color:#636363;margin-top:-10px;font-style:italic}img.left,img.right{width:40%;height:auto;position:relative}img.right{float:right;margin:20px 0 20px 20px}img.left{float:left;margin:20px 20px 20px 0}.left:hover,.main-img:hover,.right:hover{cursor:zoom-in}iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.iframe{overflow:hidden;padding-top:56.25%;position:relative}.title{font-family:"Windows1995","Courier New",Courier,monospace;font-size:22px;text-align:center;margin:10px 0;letter-spacing:2px;color:#5d5d5d;text-transform:uppercase;display:block;width:100%}.tagline{text-align:center;font-size:20px;font-style:italic;letter-spacing:.2px}.maintext,.tagline{margin:20px 0;font-family:"Nunito",sans-serif}.maintext{line-height:23px;font-size:15px}.maintext.h2{font-family:"Muli",sans-serif;font-size:20px;color:#745988}.subtext{font-family:"Muli",Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#805b96;margin:10px 0}.thumbnails-container{display:flex;flex-flow:wrap;justify-content:center}.thumbnail-con{width:calc(50% - 40px);position:relative;margin:10px}.thumbnail-con:hover>.caption{display:block;opacity:1}.thumbnails{cursor:pointer;transition:box-shadow .3s ease-in-out;background-position:50%;max-height:700px;min-height:30vh}.thumbnails:hover{box-shadow:inset 0 0 0 2000px rgba(134,0,79,.38);background-color:hsla(0,0%,100%,.65)}.text-overlay{position:absolute;pointer-events:none;display:flex;justify-content:center;align-items:center;font-family:Windows1995,sans-serif;font-size:14px}.se-dragging{cursor:se-resize}.blog-name-c{display:flex;flex-flow:wrap;justify-content:center}.blog-nav{text-align:center;margin:20px}.blog-nav>a>img{height:20vh;width:auto;max-height:400px;min-height:100px;max-width:100%}.blog-sub{font-size:8px;text-transform:uppercase;font-family:Windows1995;color:#847b7b}.blog-title{font-family:"Inria Serif",serif;margin:10px 0;letter-spacing:.5px;font-size:16px;text-transform:lowercase;cursor:pointer;transition:color text-transform .5s .5s;color:#005c9c}.blog-title:hover{color:#745887;text-decoration:underline;transition:.5s}.caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:15px;color:#fff;font-family:Windows1995;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.caption.mobile{opacity:1;color:#745988;bottom:0;top:inherit;background-color:#f9f9f9;padding:5px;border:1px inset #745988}.left-resizable,.right-resizable{position:absolute;bottom:0;width:20px;height:20px;background-color:#000}.left-resizable{left:0}.right-resizable{right:0}.nav-item.selected{background-color:rgba(194,98,255,.44)}.sub-nav-item.selected{background-color:#745988;color:#fff}.about{font-family:"Lato",sans-serif;letter-spacing:1px}.about-header{font-size:23px;color:#785b7f}.about-text{line-height:23px;margin:20px 0;font-size:15px}.half{margin:10px;max-width:calc(100% - 20px);max-height:40vh}.half:hover{cursor:zoom-in}#rotating_head{max-width:90%;margin:20px 0}.video-container{text-align:center!important}.about-header{text-align:center}@font-face{font-family:Windows1995;src:url(https://cdn.glitch.com/fa066b1d-15e7-4dd0-bf69-ee7ab381630c%2Fwindows1995.otf?v=1574316644062) format("truetype")}html{height:100vh;width:100vw}div>#defaultCanvas0,html{overflow:hidden}#defaultCanvas0{z-index:2;top:0;left:0;position:absolute;pointer-events:none}.background{background-color:#d8d8d8;background-size:cover;background-position-x:center;background-position-y:center;height:100%}#fullscreen,.background{width:100vw;left:0;position:absolute;top:0}#fullscreen{height:100vh;background-color:rgba(0,0,0,.66);z-index:5;display:none;align-items:center;overflow:hidden}#close-fullscreen{right:0;color:#fff;position:absolute;margin-right:20px;font-size:40px;cursor:pointer;top:0;margin-top:20px}#fullscreen>img{max-width:100vw;max-height:80vh;width:auto;margin:auto}.desktop-icon{position:relative;height:100px;width:100px;margin:50px 15px;text-align:center;font-family:"Windows1995",Arial,sans-serif;color:#000;font-size:12px;background-position:50%}.desktop-icon.selected:after{background-color:rgba(109,47,109,.55);padding:2px 6px;border:1px dotted #9a9a9a}.desktop-icon:hover{cursor:pointer}.desktop-icon:after{bottom:-100px;position:relative;transition:background-color .05s ease-in-out}#about-me-btn{background-image:url(/assets/SueIcon.png)}#about-me-btn,#blog-btn{background-size:contain;background-repeat:no-repeat}#blog-btn{background-image:url(/assets/cat.png)}#blog-btn:after{content:"itp blog"}#about-me-btn:after{content:"about me"}#work-btn{background-image:url(/assets/monster.png);background-size:contain;background-repeat:no-repeat}#work-btn:after{content:"work"}#start-button{height:40px;background-image:url(/assets/StartButton.png);width:150px;background-size:contain;background-repeat:no-repeat;transition:-webkit-filter .2s;transition:filter .2s;transition:filter .2s,-webkit-filter .2s}#start-button:hover{cursor:pointer}#start-button.active{-webkit-filter:invert(.7);filter:invert(.7)}#internet-expl-nav{padding:7px 9px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1px;border-radius:1px;font-size:12px;background-color:#e0e0e0;border:2px inset;display:none}.bar-container{width:100%;height:40px;bottom:0;position:absolute;left:0;background-color:#c2c2c2;border-top:2px ridge #fff;display:flex;z-index:3}.nav-button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-button,.right-nav{font-family:"Windows1995",Arial,sans-serif}.right-nav{align-self:center;justify-self:flex-end;margin-left:auto;margin-right:20px;font-size:11px;border-left:3px ridge;padding-left:10px;height:inherit;align-items:center}.os-container,.right-nav{display:flex}.window-layer{width:100vw;height:100vh;position:absolute;z-index:1;top:0;left:0;pointer-events:none}.window-layer *{pointer-events:all}.popup .content{width:calc(100% - 10px);margin:3px;border:2px inset #fff}.topBar{background-color:#1300c8;width:100%;height:24px}.button{background-color:#c2c2c2;border:1px outset #fff;text-align:center}.button:hover{cursor:pointer}.close.button{width:18px;height:18px;line-height:18px;float:right;margin:2px}.browser{position:absolute}.browser-page{background-image:url(https://cdn.glitch.com/fa066b1d-15e7-4dd0-bf69-ee7ab381630c%2FScreen%20Shot%202019-11-22%20at%202.29.41%20AM.png?v=1574407793809);background-size:cover;background-repeat:no-repeat}.browser-page,.iframe-page{height:70vh;border:1px outset}.iframe-page{background:#fff;width:100%}.top-browserNav-container{display:block;width:100%}.ie-control-container{height:30px;border:1px outset;font-family:"Windows1995",Arial,sans-serif;display:flex;font-size:12px;align-items:center}.ie-control-item{position:relative;padding:0 15px;cursor:pointer}.ie-control-item:hover{color:#fff;background-color:#1300c8}.social-icons-container{display:flex;width:100%;justify-content:flex-end}.social-icon{height:100%;width:25px;margin:0 3px}.social-icon.linkedin{background-image:url(/assets/linkedin.png)}.social-icon.email,.social-icon.linkedin{background-size:contain;background-repeat:no-repeat;background-position:50%}.social-icon.email{background-image:url(/assets/mail.png)}.social-icon.github{background-image:url(/assets/github.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.glitch-overlay{top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:50%;background-image:url(https://media.giphy.com/media/xTg8AKwLuATTlopV3a/giphy.gif);-webkit-backdrop-filter:brightness(.5) saturation(1);backdrop-filter:brightness(.5) saturation(1);z-index:100;opacity:.5;position:absolute;transform:scale(1.2)}.upside-down{transform:rotate(-180deg);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#clock{cursor:pointer}
/*# sourceMappingURL=main.6f7d12e6.chunk.css.map */