.BlogPage{padding:20px;background:#6b6bb3;margin:50px;border-radius:10px}.DaydreamBlogPost{margin:0 auto;display:block;text-align:center}.DaydreamImage{height:auto;border-radius:10px;max-width:100vw}.DaydreamTitle{font-size:2em;font-weight:700}.DaydreamDate{font-style:italic;opacity:.7}.DaydreamExcerpt{margin-top:20px}.BlogSnippet{display:flex;padding:5px;border-radius:5px;background-color:hsla(0,0%,100%,.1333333333);margin-bottom:5px}.BlogSnippet:hover{background-color:hsla(0,0%,100%,.5058823529)}.BlogSnippet .BlogSnippetImage{aspect-ratio:1/1;object-fit:cover}.BlogSnippet .BlogSnippetRightContainer{margin-left:10px}.BlogSnippet .BlogSnippetRightContainer .BlogTitle{font-size:2em}.BlogSnippet .BlogSnippetRightContainer time{font-style:italic;opacity:.7}.BlogSnippet .BlogSnippetRightContainer .BlogSnippetRightContainerExcerpt{margin-top:5px}.DoodleBody{background:#6b6bb3;padding:25px;border-radius:15px;margin:50px auto;max-width:1000px;color:#fff6cc;font-family:PT Sans,sans-serif;display:block}.DoodleBody br{margin:10px;display:block;content:" "}.DoodleBody .DoodleLeftContainer{display:flex;flex-direction:column;align-items:flex-start;width:100%}.DoodleBody .DoodleLeftContainer .DoodleHeader{font-size:2.5em;font-weight:700;margin:0}.DoodleBody .DoodleLeftContainer .DoodleDate{font-size:1.2em;margin:0;color:rgb(255,247.8,214.2)}.DoodleBody .DoodleLeftContainer .DoodleText{flex:1;margin-right:20px;font-size:1.2em}.DoodleBody .DoodleLeftContainer .DoodleText img{max-width:400px;width:100%;display:block;margin:0 auto}.DoodleBody .DoodleLeftContainer .DoodleText img.fullWidthImage{max-width:100%;width:100%;display:block;margin:0 auto}.DoodleBody .DoodleLeftContainer .DoodleText rainbow{display:inline-block;background:linear-gradient(90deg,#ff2d95,#ffb200,#89ff00,#00ffe7,#3e6bff,#c600ff,#ff2d95);background-size:200% 100%;color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;animation:rainbowShift 6s ease-in-out infinite}.DoodleBody .DoodleImageContainer{width:100%}.DoodleBody .DoodleImageContainer .DoodleImage{width:auto;border-radius:20px;height:300px;display:block;margin-left:auto;margin-right:auto}@keyframes rainbowShift{0%{background-position:0 50%}70%{background-position:100% 50%}to{background-position:200% 50%}}