.progress-container{width:100vw;height:30px;border:1px solid lightgray}.progress-bar-loader{width:0%;height:100%;background:linear-gradient(to right,#2d672d,#68a968,#a3e9a3)}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;flex-direction:column}.site-progress,.loading-text{color:#fff;font-size:175%}.tap-to-open{width:100vw;font-family:Arial,Helvetica,sans-serif;text-align:center;color:#fff;left:0;transform:translate(-50%);transition:opacity .5s ease-in-out}.tap-to-open.fade-out{opacity:0}.arrow-container{position:relative}.arrow-down{position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid rgb(255,255,255);margin-top:10px;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(15px)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem}.interview-gradient-background{background:linear-gradient(0deg,#3c3c3c 51.4%,#d8d4d4 95.2%);transition:background .5s ease-in-out}.flat-background{background:ivory;transition:background .5s ease-in-out}button{padding:.75rem;margin:.25rem 0;font-size:1.2rem;width:100%;cursor:pointer;background-color:var(--global-color);color:var(--text-color);text-decoration:none;border:.5px solid var(--text-color);border-radius:15px}.overlay{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh) * 100);min-height:-webkit-fill-available;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.floating-container{position:relative;z-index:2;text-align:center}.popUp-contents{width:95vw;max-height:100%;margin-top:.2%;background:#fff;overflow-y:auto;scrollbar-width:thin;border-radius:10px;padding:1rem;animation:fadeInUp .4s ease-out forwards;z-index:29999}.popUp-contents-intro{display:flex;flex-direction:column;justify-content:space-evenly;min-height:48%;padding:2%;align-items:center;background:#fff;overflow-y:auto;scrollbar-width:thin;border-radius:10px;animation:fadeInUp .4s ease-out forwards;z-index:9999}.hide-popUp{opacity:0;pointer-events:none;transition:opacity .5s ease-out}@supports (-webkit-touch-callout: none){.popUp-contents-intro{min-height:75%}.popUp-contents{height:calc(var(--vh, 1vh) * 90);min-height:-webkit-fill-available}}.popUp-title{font-size:2.75em;font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.device-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;width:100vw;height:100vh;background-size:cover;background-position:center;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@supports (background-image: url(../devices/wallpaper.webp)){.device-container{background-image:url(../devices/wallpaper.webp)}}.bottom-bar{position:fixed;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#00000080;color:#fff;width:100vw}.bottom-bar div{display:flex;justify-content:space-between;align-items:center;width:100%;margin:10px auto}.row{display:flex;justify-content:space-between;padding:3%}.row:first-child{margin-top:6%}.app-icon,.app-icon-circle{width:90px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer}.app-icon img,.app-icon picture{width:60px;height:60px}.app-icon-circle img,.app-icon-circle picture{width:60px;height:60px;border-radius:50%}.app-icon span,.app-icon-circle span{display:flex;font-size:.8rem;justify-content:center;font-weight:700;color:#fff;text-shadow:1px 1px 6px rgba(0,0,0,.25);padding-top:auto;padding-bottom:4px}a{text-decoration:none}.mobile-button{padding:.35rem;margin:.15rem 0;font-size:1rem;width:40%;cursor:pointer}h1{font-size:1.5em}.app-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;z-index:200;width:100vw;height:calc(var(--vh) * 100);background:ivory;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.app-container h6{width:95%;padding:2.5%;color:#757575}.app-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:6px solid black}.app-contents{width:100%;flex:1;display:flex;flex-direction:column;padding:1%;overflow-x:hidden;overflow-y:auto}.app-contents div{padding:1.25%}#clock-icon{width:60px;height:60px;position:relative;border:3px solid white;border-radius:50%;background:#ffffffbf;display:flex;justify-content:center;align-items:center;margin-bottom:5px}.home-clock-hand{position:absolute;bottom:50%;transform-origin:bottom center;background-color:#000;border:.15px thin black;border-radius:5px}.home-minute-hand{width:4px;height:45px}.home-hour-hand{width:4px;height:35px}.date-display{display:grid;text-transform:uppercase;font-weight:700;font-size:4rem}.dow{font-size:2.5rem}.date{writing-mode:vertical-rl;position:fixed;right:0;height:100%;font-size:3rem;font-weight:700}#quote-container{overflow-y:auto;font-size:1rem;line-height:1.5;padding:10px;margin-top:6.27%;max-height:80%;width:80%}#quote{white-space:pre-wrap}#author{font-weight:700;font-size:.8rem;padding-bottom:0}#job-title{font-style:italic;font-size:.7rem;padding-top:0}hr{width:50%}.home-calendar-icon-container{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:.18rem;padding:.35rem}.svg-container{position:absolute;top:-15px;left:26px;width:100%;height:100%;transform-origin:center}#home-calendar-date{position:absolute;top:0;left:5%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:42px;color:#000;background:#ffffffbf;border-radius:50%;border:3px solid white}#home-calendar-dow{font-size:12px}path{fill:transparent}text{fill:#000}.calculator{padding:5px 10px;width:100%;height:calc(var(--vh) * 100);display:flex;flex-direction:column}.display{width:100%;background-color:#fff;border:2px solid #272727;border-radius:20px;font-size:72px;padding:5px;display:flex;justify-content:flex-end;margin-top:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keys{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;flex:1;padding:10px}.keys .operator{color:#fff;font-weight:700}.keys .operator,.keys .C,.keys .CLOSE{background:var(--hover-color);color:#000}.span-two{grid-column:span 2}.dot-column{display:flex;flex-direction:column;align-items:center}.dot{width:30px;height:30px;border-radius:50%;border:2px solid black;margin:5px}.dot.on{background-color:#000}.dot.off{background-color:#fff}.dot-grid{display:grid;grid-template-columns:repeat(8,auto);gap:15px;justify-content:center;align-items:center;margin-bottom:20px}.large-time-display{font-size:4rem;font-weight:700;text-align:center;margin:1rem 0}.border-top{margin-top:50px;border-top:1px solid rgb(174,173,173)}.change-time-button{width:75%;margin:0 auto;font-size:.9rem;padding:5px 15px}.explainBtn{margin-top:4%;padding:5px 15px;width:35%;font-size:.8rem}.explainText{animation-duration:.8s;animation-fill-mode:both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spinRevealIn{0%{opacity:0;transform:rotate(-20deg)}to{opacity:1;transform:rotate(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes scaleFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes spinRevealOut{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(20deg)}}@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes flipOut{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(90deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes skewSlideIn{0%{opacity:0;transform:translate(-100%) skew(-30deg)}to{opacity:1;transform:translate(0) skew(0)}}@keyframes skewSlideOut{0%{opacity:1;transform:translate(0) skew(0)}to{opacity:0;transform:translate(100%) skew(30deg)}}@keyframes wobbleIn{0%{opacity:0;transform:translate(-100%) rotate(-10deg)}50%{transform:translate(10%) rotate(5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes wobbleOut{0%{opacity:1;transform:translate(0) rotate(0)}50%{transform:translate(-10%) rotate(-5deg)}to{opacity:0;transform:translate(100%) rotate(10deg)}}.fadeSlideIn{animation:fadeSlideIn .8s forwards}.fadeSlideOut{animation:fadeSlideOut .8s forwards}.scaleFadeIn{animation:scaleFadeIn .8s forwards}.scaleFadeOut{animation:scaleFadeOut .8s forwards}.spinRevealIn{animation:spinRevealIn .8s forwards}.spinRevealOut{animation:spinRevealOut .8s forwards}.flipIn{animation:flipIn .8s forwards}.flipOut{animation:flipOut .8s forwards}.zoomIn{animation:zoomIn .8s forwards}.zoomOut{animation:zoomOut .8s forwards}.skewSlideIn{animation:skewSlideIn .8s forwards}.skewSlideOut{animation:skewSlideOut .8s forwards}.wobbleIn{animation:wobbleIn .8s forwards}.wobbleOut{animation:wobbleOut .8s forwards}.hide{display:none}label{font-weight:700;display:block;flex:1;text-align:left;margin:8px 0}input,textarea{width:100%;box-sizing:border-box;padding:.39rem}span{text-align:right;font-size:.9rem}textarea.form-input{resize:none;min-height:100px;max-height:50vh;overflow-y:auto}.form-input:focus{border-color:var(--global-color);outline:none}.form-input{font-size:25px;font-family:Arial,sans-serif}.message-characters-label{margin-top:5px;display:flex;align-items:center}.submit-button:disabled{background-color:var(--hover-color);cursor:not-allowed;opacity:.7}.confirmation-popup{position:fixed;top:50%;left:50%;width:85%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;border:3px solid var(--global-color);box-shadow:0 14px 18px #0003;z-index:1500;text-align:center;padding:3.5%!important}.confirmation-popup p{font-size:1em;padding-bottom:15px}.close-button{margin-top:10px;padding:8px 16px;width:65%;border:none;border-radius:7px;cursor:pointer}.close-button:hover{background-color:var(--hover-color)}#music-visualizer{width:100%;flex-basis:175px;flex-shrink:0;-webkit-flex-basis:175px;-webkit-flex-shrink:0;min-height:175px;display:flex;justify-content:center;align-items:center;position:relative;background:#000;overflow:hidden}#song-info{text-align:center;font-size:.75em}.side-by-side{display:flex}.side-by-side button{margin:10px}.timeline-container{display:flex;align-items:center;font-size:smaller}.accent{background-color:var(--hover-color)}.note{display:flex;border-bottom:1px solid #1d1b1b}.note img{width:60px;height:60px;border-radius:10%;margin-top:3%}.note-text{font-size:.8rem;margin-top:3%;margin-left:5%;margin-bottom:2%}.credits-text{font-size:1rem;margin:2% 5%}.name{font-size:1rem;font-weight:700;text-align:left}.title{font-style:italic;display:block;text-align:left;font-size:.75rem;padding-bottom:2.5%}.resources ul{text-decoration:none;color:#000;font-size:1rem;margin-left:5.2%}.phone-number-display{flex-basis:60px;flex-shrink:0;-webkit-flex-basis:60px;-webkit-flex-shrink:0;min-height:60px;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;font-size:26px;border-radius:5px;margin:2%;border:.75px solid black}.number-pad div{display:flex;justify-content:space-around;flex:1;min-width:96%}.number-pad div button{width:65px;height:65px;border-radius:25%;cursor:pointer}.number-pad div button:active{background-color:#ddd}.call-actions{display:flex;flex-direction:column;gap:5px}#call-btn,#hang-up-btn{color:#fff;width:100%;height:100%;cursor:pointer}#call-btn{background:#666866;opacity:.5}#hang-up-btn{background:#901d1d;opacity:1}#secret-btn{display:none;text-align:center;font-weight:700}#secret-btn button{animation:pulse 3s infinite}@keyframes pulse{0%{box-shadow:0 0 #0000ffb3}50%{box-shadow:0 0 0 10px #00f0}to{box-shadow:0 0 0 5px #00f0}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:20px;overflow-y:auto;align-self:flex-start}.photo-grid img{width:100%;height:auto;object-fit:cover;cursor:pointer;transition:transform .2s}.photo-grid img:hover{transform:scale(1.05)}#full-image-view-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center}#full-image-view-container img{width:100%;height:100%;object-fit:contain;position:relative;z-index:-1}#full-image-view-container button{position:absolute;cursor:pointer;border-radius:50%;width:60px;height:60px;z-index:1000}#close-bttn{top:0;right:10px;background-color:var(--global-color)}#prev-bttn{left:10px;bottom:15%;background-color:var(--global-color)}#next-bttn{right:10px;bottom:15%;background-color:var(--global-color)}#image-info{position:absolute;bottom:20px;padding:10px;background-color:#000000a6;color:#fff;text-align:center;z-index:1;width:100%}.portfolio-section{margin-bottom:40px;padding:20px 0;border-top:2px solid #ddd}.category-header{text-align:center;margin-bottom:20px}.portfolio-category{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:5px}.portfolio-thumbnails{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.portfolio-item{text-align:center;transition:transform .2s ease}.portfolio-item:hover{transform:scale(1.02)}.portfolio-item img{width:100%;height:auto;border-radius:5px;box-shadow:0 4px 6px #0000001a}.portfolio-item span{display:block;font-size:1rem;font-weight:700;margin-top:10px;color:#555}.app-contents{padding:20px;background-color:#f9f9f9}.portfolio-thumbnails a{flex:1 1 45%;box-sizing:border-box}.portfolio-thumbnails img{width:100%;height:auto}.portfolio-icons{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.portfolio-icons img{width:40px;height:40px;padding:5px;border-radius:3px;cursor:pointer;transition:transform .2s ease}.portfolio-icons img:hover{transform:scale(1.2)}.weather-details{padding:20px;margin-bottom:25px;border-bottom:1px solid #ccc;background-color:#f9f9f9c6;border-radius:10px;box-shadow:0 4px 8px #0000001a}.weather-info{display:flex;align-items:center}.weather-icon{width:80px;height:80px}.weather-text{width:100%;text-align:right}.temperature{font-size:2.5rem}p{margin-top:10px;font-size:.75rem}span{text-align:left}