body{--max-width:768px;--primary-background-color:silver;--primary-color:#000;--enabled-color:whitesmoke;background-color:var(--primary-background-color);color:var(--primary-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:medium}button{--disabled-background-color:#7cb6d5;--enabled-background-color:#367da4;--disabled-color:var(--primary-color)}a:link,a:visited{color:var(--primary-color)}a:hover{color:#f5f5f5;background-color:#4a525a}.container{grid-template-rows:1fr, 3fr, 1fr;row-gap:1rem;margin-right:3rem;display:grid}.container .header{flex-flow:wrap;justify-content:center;align-items:center;padding-left:15%;display:flex}.container .header h1{font-size:xx-large}.content-wrapper{grid-template-columns:1.75fr 10fr;column-gap:4rem;display:grid}.navigation-links{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;display:flex}.navigation-links a{text-decoration:none}.navigation-links ul{margin-top:0}.navigation-links li{text-transform:uppercase;margin-bottom:1rem;list-style:none}.content{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;display:flex}.content .resume{grid-template-columns:1fr 6fr;display:grid}.content .resume .header{text-transform:uppercase;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;font-weight:700;display:flex}.content .resume .content{flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;display:flex}.content .resume .content p.no-margin-top{margin-top:0}.content .resume .content div.limited-border{border-bottom-style:dashed;border-bottom-width:thin;border-bottom-color:var(--primary-color);width:5rem;margin-bottom:.8rem}.content .resume .content div.with-margin{margin-bottom:1rem}.content .resume .content ul{margin-top:0}.flex-center{justify-content:center}div.gallery{flex-wrap:wrap;justify-content:flex-start;font-size:smaller;display:flex}div.gallery-item{border:1px solid #4a525a;width:calc(20% - 20px);margin:7px}div.gallery-item:hover{border:1px solid #ccc}div.gallery-item img{width:100%;height:200px}div.gallery-item div.desc{text-align:center;padding:5px}.content .hangman{grid-template-rows:repeat(auto-fill,minmax(0,min-content));min-width:480px;display:grid}.content .hangman .theme-and-guesses-left{flex-flow:wrap;justify-content:center;align-items:flex-start;font-size:x-large;display:flex}.content .hangman .answers{grid-template-rows:repeat(auto-fill,minmax(0,min-content));justify-content:center;align-items:center;margin-top:1rem;display:grid}.content .hangman .answers .answer-row{flex-flow:wrap;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.content .hangman .answers button{background-color:var(--disabled-background-color);color:var(--disabled-color);border-style:none;border-radius:25%;min-width:2.5rem;min-height:2.5rem;margin-right:.75rem}.content .hangman .alphabets{grid-template-rows:repeat(auto-fill,minmax(0,min-content));justify-content:center;align-items:center;margin-top:1rem;display:grid}.content .hangman .alphabets .alphabets-row{flex-flow:wrap;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.alphabets button{background-color:var(--enabled-background-color);color:var(--enabled-color);cursor:pointer;border-style:none}.alphabets .alphabets-row button{border-radius:25%;min-width:2.5rem;min-height:2.5rem;margin-right:.75rem}.alphabets .alphabets-row button:hover{background-color:var(--disabled-background-color);color:var(--disabled-color)}.alphabets .alphabets-row button[disabled=disabled]{background-color:var(--disabled-background-color);color:var(--disabled-color);cursor:default}.alphabets .play-again-row button{cursor:pointer;border-radius:5%;padding:.5rem;font-size:x-large}.passwordgen{max-width:var(--max-width);background:wheat;border-radius:5%;padding:2rem}.passwordgen .form{grid-template-columns:1fr 1fr;place-items:center start;gap:.75rem 1rem;width:100%;display:grid}.passwordgen label{padding-right:.5rem;font-weight:600}.passwordgen input[type=text]{border-style:none;border-radius:5%;padding:.75rem .5rem}.passwordgen .actions{grid-column:2;margin-top:1rem}.passwordgen button{background-color:var(--enabled-background-color);color:var(--enabled-color);cursor:pointer;border-radius:5%;padding:.5rem 1rem;font-size:large}.passwordgen button.primary{border:1px solid var(--enabled-background-color)}.passwordgen button.secondary{color:var(--enabled-background-color);border:1px solid var(--enabled-background-color);background:0 0;margin-left:.5rem}.passwordgen .generated-password{border-top:thin solid var(--primary-background-color);margin-top:1.5rem;padding-top:1rem}.passwordgen .generated-password textarea{padding:.5em;font-size:large}.world-time-container{max-width:var(--max-width);grid-template-columns:1fr;justify-items:center;gap:.75rem;width:100%;display:grid}.world-time-search{position:relative}.world-time-search input{background:var(--enabled-color);border-style:none;border-radius:.6rem;outline:none;width:100%;padding:.5rem;font-size:large}.world-time-search input:focus{border-style:solid}.world-time-search .city-search-results{background:var(--enabled-color);z-index:1000;border:1px solid #0f172a14;border-radius:.6rem;width:100%;padding:.5rem;display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:auto}.world-time-search .city-search-results .no-results{color:var(--primary-background-color)}.world-time-search .city-search-results .result-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.6rem;outline:none;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.world-time-search .city-search-results .result-item:hover,.world-time-search .city-search-results .result-item[aria-selected=true],.world-time-search .city-search-results .result-item.focused{background:linear-gradient(90deg,#4f46e50f,#6366f105);border-left:3px solid}.world-time-container .selected-city{max-width:var(--max-width);border-radius:5%;grid-template-columns:1fr;justify-items:center;gap:.75rem;margin-top:1rem;display:grid}.selected-city #city-state-and-country{font-size:xx-large}.selected-city #date,.selected-city #utcOffset{font-size:x-large}.mancala-container table{border-collapse:collapse;table-layout:fixed;min-width:480px}.mancala-container table td{text-align:center;border:1px solid;padding:.5rem}.mancala-container table td button{background-color:var(--enabled-background-color);color:var(--enabled-color);cursor:pointer;border-style:none;border-radius:25%;min-width:2.5rem;min-height:2.5rem;margin-right:.75rem}.mancala-container table td button:hover{background-color:var(--disabled-background-color);color:var(--disabled-color)}.mancala-container table td button[disabled=disabled]{background-color:var(--disabled-background-color);color:var(--disabled-color);cursor:default}.mancala-container table .player1,.player2{font-weight:700;transition:background-color 1s}.pulse{background-color:wheat;transition:background-color 1s}.mancala-container table .player1{text-align:left}.mancala-container table .player2{text-align:right}.mancala-container .play-again{margin-top:1rem;font-size:x-large;font-weight:700}.mancala-container .play-again button{color:var(--enabled-color);background-color:var(--enabled-background-color);cursor:pointer;border-style:none;border-radius:5%;margin-left:1rem;padding:.5rem;font-size:x-large}.books-container{justify-content:center;align-items:flex-start;display:flex}.books-container .column{flex-direction:column;gap:.5rem;width:100%;max-width:480px;display:flex}.books-container input{background:var(--enabled-color);border-style:none;border-radius:.6rem;outline:none;padding:.5rem;font-size:large}.books-container .row{align-items:center;display:flex}.books-container .row.author{margin-top:.5rem;font-weight:700}.footer{flex-flow:column wrap;justify-content:flex-end;align-items:center;display:flex}@media only screen and (width<=768px){.contentWrapper{column-gap:2rem}div.gallery-item{width:calc(50% - 20px)}}@media only screen and (width<=480px){.container{row-gap:.5rem;margin-right:1rem}.container .header{padding-left:0}.container .header h1{font-size:x-large}.navigation-links li{margin-bottom:.5rem}.content-wrapper{column-gap:1rem}div.gallery-item{width:calc(100% - 20px)}.content .hangman .theme-and-guesses-left{font-size:large}.content .hangman .answers{margin-top:.5rem}.content .hangman .answers button{margin-right:.3rem}.content .hangman .alphabets .alphabets-row{margin-bottom:.5rem}.alphabets .alphabets-row button{margin-right:.3rem}.alphabets .play-again-row button{font-size:large}.world-time-search{width:100%}.world-time-search .city-search-results{max-height:200px}}