@import url("https://use.typekit.net/ozy6rdy.css"); @import "https://www.shannonkay.com/fontawesome/css/fontawesome.css"; @import "https://www.shannonkay.com/fontawesome/css/brands.css"; @import "https://www.shannonkay.com/fontawesome/css/solid.css"; body { background: linear-gradient(to bottom, #f9dee1, #f7d3d6, #fab1c1, #FC8EAC, #fc7d99 ); text-align: center; font-family: "ivystyle-sans", Verdana, sans-serif; font-size: 1.1rem; min-height: 100vh; } h1 { background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 5vw; margin-bottom: 10pt; } h1 a, h1 a:hover, h1 a:active, h1 a:visited { background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 5vw; margin-bottom: 10pt; } h1 .project-header a, h1 .project-header a:hover, h1 .project-header a:active, h1 .project-header a:visited { background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 1rem; margin-bottom: 5pt; } @media screen and (max-width: 428px) { h1 { font-size: 8vw !important; } } h2 { text-align: center; font-size: 4vw; color: #FC6C85; margin-top: 1pt; margin-bottom: 5pt; } h3 { color: #FC6C85; margin-bottom: 0; } h4 { color: #FC6C85; margin-bottom: 0; } footer a { color: white; font-weight: bold; } p { margin-top: 5px; } hr { max-width: 80%; border: solid 1pt #FC8EAC; } a { color: #fb6f92; } a:hover, a:active { color: #ffffff; background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); } a.username, a:visited.username { text-decoration: none; font-weight: bold; } .username { font-weight: bold; } .emoji { height: 1.2rem; width: auto; } .icon { height: 1.2rem; width: auto; } .profilepic { width: 200px; height: auto; border: white 2pt solid; } section#profilepics { display: flex; flex-direction: row; justify-content: center; flex-flow: row; margin: auto; max-width: 90%; } #shannonkaypic { text-align: center; } #pinkbookscoffeepic { text-align: center; } nav { padding: 5pt; margin-bottom: 5pt; } nav a, nav a:visited { font-family: ivyjournal, sans-serif; font-size: 1rem; font-weight: bold; color: #ffffff; background: linear-gradient(183deg, #f9c2cc 10%, #FC8EAC 70%); border: solid 2px #ffb3c6; padding: 5px; text-align: center; text-decoration: none; display: inline-block; border-radius: 5px; margin-top: 2pt; } .heart { text-align: right; font-size: 0.9rem; } nav a:hover, nav a:active { border: solid 2px #FC8EAC; } .link { background-color: #FC8EAC; color: white; padding: 10px; border: none; text-align: center; text-decoration: none; display: inline-block; border-radius: 10px; } #pages a:hover, nav a:active { background-color: #fb6f92; color: #ffe5ec; } .intro img { padding: 5px; } .blurb { display: block; background-color: #f7d3d6; border: solid 2pt; border-color: white; padding: 5pt; margin: auto; align-items: center; max-width: 1024px; border-radius: 10px; } #hello { display: flexbox; text-align: justify; font-size: 1.2rem; } .text { display: block; background-color: #f7d3d6; border: solid 2pt; border-color: white; padding: 5pt; margin: auto; text-align: justify; max-width: 1024px; border-radius: 10px; } .intro { display: block; background-color: #f7d3d6; border: solid 2pt; border-color: white; padding: 5pt; margin: auto; text-align: center; width: 80%; max-width: 1024px; border-radius: 10px; } .icon { height: 1.2rem; width: auto; } .social-icons { font-size: 1.5rem; } #follow-icons { margin-bottom: 5pt; } img.photo { border: solid white 2pt; } .photo { align-content: center; text-align: center; width: 600px; height: auto; max-width: 90%; } #shannon-yallwest24 img { width: 80%; height: auto; max-width: 500px; } .caption { text-align: center; font-size: 1rem; font-style: italic; } #shannon-yallwest24 { margin: 5pt; } @media screen and (max-width: 428px) { #shannon-yallwest24 { width: 90%; height: auto; text-align: center; align-content: center; float: none; } } .comment { text-align: center; font-weight: bold; } .updated { font-size: 1rem; color: #484848; font-style: italic; } footer { font-size: 1rem; padding: 2pt; } @media(prefers-color-scheme: dark) { body { background-color: #282A36; } } section#recentlyread { margin: auto; } /*GoodReads*/ /*Currently Reading widget*/ .gr_grid_container1 { /* customize grid container div here. eg: width: 500px; */ display: flexbox; flex-direction: row; justify-content: center; align-items: center; flex-flow: row; text-align: center; } .gr_grid_book_container1 { /* customize book cover container div here */ width: 98px; height: 160px; padding: 2pt; overflow: hidden; } /*Recently Read widget*/ #gr_grid_widget_1715015027 { } .gr_grid_container { /* customize grid container div here. eg: width: 500px; */ width: 90%; display: flexbox; flex-direction: row; justify-content: center; flex-flow: row; flex-wrap: wrap; } .gr_grid_book_container { /* customize book cover container div here */ margin-right: 2pt; width: 98px; height: 160px; padding: 0px 0px; overflow: hidden; } /* Custom Icons */