body{ background-image: url(./images/heartpattern.png); background-repeat: repeat; opacity:.94; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-top:0em; margin-top:0em; font-family:"Helvetica", serif; } .pageDiv{ display:flex; flex-direction:column; justify-content:center; align-items:center; width:67vw; padding-top:2em; padding-bottom:4em; } .pageHeader{ background-color:bisque; display:flex; flex-direction:column; justify-content:center; align-items:center; border:solid; border-width:.3em; border-color:black; width:100%; padding-top:1em; padding-bottom:1em; } .pageTitle{ margin-top:.7em; margin-bottom:0em; font-weight:100; font-size:3em; } .pageSubtitle{ font-weight:100; font-size:1.2em; margin-bottom:.8em; } .navigationBar{ background-color:bisque; display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; margin-top:1em; margin-bottom:1em; border:solid; border-width:.3em; border-color:black; } .navigationButtonsRow{ display:flex; flex-direction:row; justify-content:space-evenly; align-items:center; flex-wrap:wrap; width:80%; margin-top:.1em; padding-left:1em; padding-right:1em; } .navigationBarButton{ flex-grow: 1; flex-shrink: 1; flex-basis: 0%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding-top:1em; padding-bottom:1em; padding-left:1em; padding-right:1em; } .navigationBarIcon{ width:3em; } .navigationBarMoneroIcon{ width:2em; margin-top:.5em; margin-bottom:.5em; } .navigationBarButtonText{ color:black; font-weight:800; font-size:1.2em; text-decoration:none; } .navigationBarButtonText:hover{ color:red; } .pageContentBox{ background-color:bisque; width:100%; border:solid; border-width:.3em; border-color:black; padding-top:2em; padding-bottom:4em; } .pageContent{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin-left:2em; margin-right:2em; } p{ font-size:1.3em; margin-top:.4em; margin-bottom:.4em; } .paragraphLinks{ font-size:1.2em; color: black; margin-top:.4em; margin-bottom:.4em; } .paragraphLinks:hover{ color:red; } .smallText{ font-size:.9em; } .seekiaLogo{ width: 10%; margin-bottom:.9em; } .homePageLinkBox{ display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:lemonchiffon; border-radius:.3em; padding-top:.7em; padding-bottom:.5em; margin:.5em; width:80%; } .homePageLinkBoxLink{ color:black; margin-top:.4em; margin-bottom:.4em; overflow-wrap: break-word; white-space:normal; word-wrap:break-word; } .homePageLinkBoxLink:hover{ color:red; } .linksPageLinkBox{ display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:lemonchiffon; border-radius:.3em; padding-top:.8em; padding-bottom:.6em; padding-left:.6em; padding-right:.6em; margin-top:.5em; margin-bottom:.5em; width:80%; } .linksPageLinkBoxLink{ color:black; font-size:1.2em; margin-top:.4em; margin-bottom:.4em; overflow-wrap: break-word; white-space:normal; word-wrap:break-word; } .linksPageLinkBoxLink:hover{ color:red; } .archiveMemoLink{ color:black; font-size:1.2em; margin-top:.4em; margin-bottom:.4em; } .archiveMemoLink:hover{ color:red; } .memoParagraph{ width:90%; white-space: pre-wrap; } .blogPostContent{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:2em; padding-left:4em; padding-right:4em; line-height:1.7; } .blogPostRow{ display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:1.3em; } .blogLinkHyphen{ margin-left:.5em; margin-right:.5em; } .blogLink{ font-size:1.3em; color:black; } .blogLink:hover{ color:red; } .archiveLink{ color:black; font-size:1.4em; margin-top:.4em; margin-bottom:.4em; } .archiveLink:hover{ color:red; } .separator{ width:90%; } .linebreak{ margin-top:1em; margin-bottom:1em; } .thinlinebreak{ margin-top:.4em; margin-bottom:.4em; } .shortPostBox{ width:80%; background-color:lemonchiffon; padding:2em; margin:1em; border:solid; } .shortPostDate{ font-size:1.4em; font-weight:bold; text-decoration:underline; margin-top:.5em; margin-bottom:1.3em; } .shortPostLinebreak{ margin-top:.1em; margin-bottom:.1em; } .shortPostMemoLink{ color:black; font-size:1em; background-color:lightgray; font-weight:bold; text-decoration:none; padding:.5em; border-radius:.3em; } .shortPostMemoLink:hover{ color:red; } .genericLink{ color:black; } .genericLink:hover{ color:red; }