@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");html,body{margin:0;height:100%;background-color:#f0eaff}.dialogueContainer{width:90%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-left:auto;margin-right:auto;padding:10px}.spriteBox{border:4px #443b66 solid;background-color:white;width:fit-content;height:min-content}.spriteBox--hidden{visibility:hidden}.dialogueBoxAndButtonsContainer{display:flex;flex-direction:column;gap:10px;width:60%}.literalDialogueBox{border:4px #443b66 solid;background-color:pink;padding:15px}.literalDialogueBox h1{font-family:'Share Tech Mono', monospace;font-size:25px}.optionButton{padding:10px 15px;cursor:pointer;text-align:center;text-decoration:none;outline:none;color:#fff;background-color:#818eda;border:#735aa1 4px solid;border-radius:15px;box-shadow:0 9px #c9a7d6;font-family:'Share Tech Mono', monospace;font-size:20px}.optionButton:hover{background-color:#735aa1}.optionButton:hover{background-color:#9075c2;box-shadow:0 5px #d6a7d5;transform:translateY(4px)}.optionButtons--hidden{display:none}.optionButtons{display:flex;flex-direction:column;gap:20px}.aboutContainer{width:fit-content;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin-left:auto;margin-right:auto;padding:10px}.spriteCharacteristics{display:flex;flex-direction:column;width:60%}.spriteCharacteristic__TitleContainer{background-color:#443b66;padding-left:20px}.spriteCharacteristic__Title{font-family:'Share Tech Mono', monospace;font-weight:bold;font-size:20px;color:#f8ffd7;margin:0px}.spriteCharacteristic__Description{font-family:'Share Tech Mono', monospace;font-size:18px}.navbar ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#443b66}.navbar li{float:left}.navbar li a{display:block;text-align:center;color:#f8ffd7;padding:14px 16px;text-decoration:none;font-family:'Press Start 2P', monospace}.navbar li a:hover{background-color:#0e0538;color:#ffc7ff}.projectCardsContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:flex-start;gap:30px;margin-bottom:40px}.projectCard{font-family:'Share Tech Mono', monospace;background-color:#dfd1f0;border:4px #443b66 solid;border-radius:20px;box-shadow:0 4px 8px 0 rgba(98,40,131,0.342);transition:0.3s;max-width:400px;height:max-content;display:flex;flex-direction:column;flex-wrap:nowrap}.projectCard--Header{background-color:#443b66;border-top-left-radius:12px;border-top-right-radius:12px}.projectCard--Header h1{font-size:28px;color:#d2f6ff;text-align:center}.projectCard--Header p{text-align:center;color:#cad6f7}.projectCard--toolsList ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style-type:none;justify-content:center;row-gap:10px;column-gap:5px;align-self:center;padding:0}.projectCard--toolsList li{align-self:flex-start}.toolTag{padding:8px;margin:2px;background-color:#7955a7;box-shadow:0 5px #d6a7d5;color:#fff;border-radius:12px}.projectCard--ProjectThumbnail img{max-width:100%;min-width:100%;min-height:150px;border-top:#443b66 4px solid;border-bottom:#443b66 4px solid}.projectCard--LearnMoreButton{float:right;width:max-content;align-self:flex-end}.projectCard:hover{box-shadow:0 8px 16px 0 rgba(98,40,131,0.342)}.projectCard--Description ul{padding-right:40px;padding-bottom:10px}.projectCard--Description li{margin-bottom:10px}.blogArchive{margin-left:20%;font-family:Georgia;font-size:18px}.post{padding-left:20%;padding-right:20%;font-family:Georgia;font-size:18px;line-height:1.5}::selection{background:#442b72;color:#fcffec}