@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";.home-section{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100vw;height:100vh}.home-link{width:300px;max-width:95vw;padding:10px;border:3px solid var(--secondary);border-radius:5px;margin:10px auto;background:var(--tertiary);color:var(--secondary);font-size:1.25rem;font-weight:700;text-align:center;text-transform:uppercase;text-decoration:none;transition:.75s;animation:home-link--appear 1s ease-in-out}@keyframes home-link--appear{0%{opacity:0}to{opacity:1}}.home-link:hover{transform:scale(.99);background:var(--secondary);color:var(--tertiary);transition:.75s}.home-link:active{transform:scale(.95)}.header-link{margin:5px;color:var(--secondary);font-size:1.25rem;text-transform:uppercase;text-decoration:none;transition:.5s;animation:header-link--appear 1s ease-in-out}@keyframes header-link--appear{0%{opacity:0}70%{opacity:0}to{opacity:1}}.header-link:hover{color:var(--tertiary);transition:.5s}.footer{display:flex;flex-flow:column nowrap;gap:1rem;margin-top:2rem}.footer-link{display:flex;flex-flow:row nowrap;align-items:center;gap:2px;width:fit-content;margin:auto auto 5px;color:var(--secondary);text-decoration:none;animation:footer-link--appear 1s ease-in-out}@keyframes footer-link--appear{0%{opacity:0}70%{opacity:0}to{opacity:1}}.footer-link:hover{color:var(--tertiary);transition:.5s}.rpsGame-container{display:flex;flex-flow:column nowrap;min-height:100vh}.rpsGame-section{text-align:center;animation:rpsGame-section--appear 1s ease-in-out}@keyframes rpsGame-section--appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.rpsGame-playersInfoContainer{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin:5px 10px}@media (min-width: 1200px){.rpsGame-playersInfoContainer{margin:5px 10rem}}.rpsGame-playersInfoContainerItem{display:flex;flex-flow:column nowrap;align-items:center}.rpsGame-winPortrait{animation:rpsGame-winPortrait--move 2s ease-in-out infinite}@keyframes rpsGame-winPortrait--move{0%{transform:scale(.9) rotate(0);border-color:var(--tertiary)}25%{transform:scale(1) rotate(5deg);border-color:var(--secondary)}50%{transform:scale(.9) rotate(0);border-color:var(--tertiary)}75%{transform:scale(1) rotate(-5deg);border-color:var(--secondary)}to{transform:scale(.9) rotate(0);border-color:var(--tertiary)}}.rpsGame-winPortrait,.rpsGame-portrait{width:128px;max-width:20vw;border:2px solid var(--secondary);border-radius:5px;margin:15px}@media (max-width: 600px),(max-height: 600px){.rpsGame-winPortrait,.rpsGame-portrait{width:80px}}.rpsGame-heartsContainer{display:flex;flex-flow:row nowrap;gap:10px;font-size:1.25rem}@media (max-width: 600px){.rpsGame-heartsContainer{font-size:1rem}}.rpsGame-form{display:flex;flex-flow:column nowrap;gap:10px;font-size:1.25rem}.rpsGame-input{width:45px;padding:5px;border:2px solid var(--secondary);border-radius:5px;background:var(--tertiary);color:var(--secondary)}.rpsGame-subBtn{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;border:2px solid var(--secondary);border-radius:5px;margin:5px auto;background:var(--tertiary);color:var(--secondary);font-size:2rem;cursor:pointer;transition:.75s}.rpsGame-subBtn:hover{transform:scale(.95);background:var(--secondary);color:var(--tertiary);transition:.75s}.rpsGame-subBtn:active{transform:scale(.8)}.rpsGame-heading{margin:.75rem;font-size:2rem;font-style:italic}@media (max-width: 600px){.rpsGame-heading{margin:2rem}}.rpsGame-img,.rpsGame-imgAnimation{max-width:80vw;border:2px solid var(--secondary);border-radius:5px;margin:15px}@media (max-width: 600px),(max-height: 600px){.rpsGame-img,.rpsGame-imgAnimation{max-width:120px;margin:5px}}.rpsGame-imgAnimation{animation:rpsGame-imgAnimation--appear .5s ease-in-out}@keyframes rpsGame-imgAnimation--appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rpsGame-subHeading{display:flex;justify-content:center;align-items:center;gap:1rem;margin:15px auto 10px}@media (max-width: 600px){.rpsGame-subHeading{font-size:1.25rem}}.rpsGame-buttons{margin:5px auto}.rpsGame-mainBtn{display:inline-flex;justify-content:center;align-items:center;width:70px;max-width:2em;height:70px;max-height:2em;border:2px solid var(--secondary);border-radius:5px;margin:10px;background:var(--tertiary);color:var(--secondary);font-size:2rem;cursor:pointer;transition:.75s}.rpsGame-mainBtn:hover{transform:scale(.95);background:var(--secondary);color:var(--tertiary);transition:.75s}.rpsGame-mainBtn:active{transform:scale(.8)}.rpsGame-mainBtn:disabled{opacity:.5}.cardsGame-container{display:flex;flex-flow:column nowrap;min-width:100vw;min-height:100vh;background:url(/assets/backgroundImg-CEyRz3q2.jpg) center;background-size:cover}.cardsGame-section{text-align:center;animation:cardsGame-section--appear 1s ease-in-out}@keyframes cardsGame-section--appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.clock-section{position:relative;width:200px;max-width:90vw;height:200px;max-height:90vh;padding:10px;border:5px solid var(--secondary);border-radius:50%;margin:5vh auto;background:#00000080;animation:clock-section--appear 1.5s ease-in-out}@keyframes clock-section--appear{0%{opacity:0}70%{opacity:0}to{opacity:1}}.clock-heading{margin:.75rem;font-size:2rem;font-style:italic;text-align:center}.clock-spanContainer{width:100%;height:100%;transform:translateY(-3px)}.clock-spanContainer span:nth-child(1){width:50%;height:2px;background:var(--tertiary)}.clock-spanContainer span:nth-child(2){left:5%;width:45%;height:4px}.clock-spanContainer span:nth-child(3){left:15%;width:35%;height:5px}.clock-span{position:absolute;top:50%;background:var(--secondary);transform:rotate(90deg);transform-origin:100%;transition:all .05s;transition-timing-function:cubic-bezier(.1,2.5,.55,1)}.clock-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--secondary)}.clock-topLine{position:absolute;top:7%;left:50%;opacity:.5;transform:translate(-50%,-50%);width:2px;height:15px;background:var(--secondary)}.clock-rightLine{position:absolute;top:50%;left:93%;opacity:.5;transform:translate(-50%,-50%);width:15px;height:2px;background:var(--secondary)}.clock-bottomLine{position:absolute;top:93%;left:50%;opacity:.5;transform:translate(-50%,-50%);width:2px;height:15px;background:var(--secondary)}.clock-leftLine{position:absolute;top:50%;left:7%;opacity:.5;transform:translate(-50%,-50%);width:15px;height:2px;background:var(--secondary)}.imageEditor-section{display:flex;flex-flow:column nowrap;align-items:center;gap:2rem;padding:2rem;text-align:center;animation:imageEditor--appear 1.5s ease-in-out}@keyframes imageEditor--appear{0%{opacity:0}70%{opacity:0}to{opacity:1}}.imageEditor-heading{margin:.25rem;font-size:2rem;font-style:italic}.imageEditor-article{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.5rem}@media (max-width: 1200px){.imageEditor-article{flex-flow:column wrap;gap:.25rem}}.imageEditor-article label{font-weight:700}.imageEditor-input{padding:2px 5px;border:none;border-radius:5px;margin:5px;background:var(--secondary)}.imageEditor-img{width:95vw;max-width:50rem}.expenseTracker-main,.expenseTracker-article{display:flex;flex-flow:column nowrap;gap:1rem;max-width:200px;margin:1.5rem auto;text-align:center}.expenseTracker-main section article{margin-top:1rem}.expenseTracker-main button,.expenseTracker-article input{padding:.5rem;border:none;border-radius:5px}.expenseTracker-main button{border:3px solid var(--secondary);margin:10px auto;background:var(--tertiary);color:var(--secondary);font-weight:700;text-transform:uppercase;cursor:pointer}.header-menu__wrapper{--header-primary__color: #000;--header-secondary__color: #333;--header-tertiary__color: #fff;align-items:center;background:var(--header-primary__color);box-shadow:0 1px #0000001a;display:flex;grid-area:1rem;height:60px;justify-content:space-between;margin-bottom:2rem;padding:0 .25rem;width:100vw;z-index:2}.header-menu__bar{align-items:center;display:flex}.header-logo{align-items:center;color:var(--header-tertiary__color);cursor:pointer;display:flex;text-decoration:none}.header-navigation{align-items:center;background:var(--header-primary__color);display:flex;flex-direction:row;gap:.5rem;list-style-type:none}.header-navigation>li{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative}.header-navigation>li>a{color:var(--header-secondary__color);text-decoration:none;transition:all .3s ease}.header-navigation>li>a:hover{color:var(--header-tertiary__color)}.header-navigation>li>button{align-items:center;background:none;border:none;border-radius:5rem;cursor:pointer;color:var(--header-tertiary__color);display:flex;flex-wrap:nowrap;font-size:1rem;gap:.25rem;min-height:2.25rem;padding:.25rem;position:relative;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap;z-index:2}.header-navigation>li:hover>button{background-color:var(--header-secondary__color);color:var(--header-tertiary__color)}.header-navigation>li:hover .header-dropdown,.header-navigation>li:focus-within .header-dropdown{display:block}.header-dropdown__wrapper{left:0;padding-top:4rem;position:absolute;top:0;z-index:2}.header-dropdown{animation:fadeIn .2s ease-in-out;background:#000000e6;border:2px solid var(--header-tertiary__color);border-radius:.5rem;display:none;max-width:35rem;padding:.25rem;width:100%;z-index:2}@keyframes fadeIn{0%{opacity:0;transform:scale(.99) translateY(-.7em);transform-origin:top}to{opacity:1;transform:scale(1) translateY(0)}}.header-ul{display:grid;grid-template-columns:1fr 1fr;list-style-type:none;padding:.25rem;width:100%}.header-item-title h3{columns:var(--header-tertiary__color);font-size:.75rem;font-weight:500}.header-item-title p{color:var(--header-secondary__color);font-size:.75rem;white-space:nowrap}.header-ul li:hover p{color:var(--header-tertiary__color)}.formattedText-bold{font-weight:700}.formattedText-italic{font-style:italic}*,*:before,*:after{box-sizing:border-box;margin:0}:root{--primary: #0d1b2a;--secondary: #e0e1dd;--tertiary: #415a77;--error: #e63946;--success: #57cc99;--primary-hsl: 211, 53%, 11%;--secondary-hsl: 75, 6%, 87%;--tertiary-hsl: 212, 29%, 36%;--font: "Play", sans-serif}body{background:var(--primary);color:var(--secondary);font-family:var(--font)}