app/assets/stylesheets/home.css
html, body {
margin: 0;
padding: 0;
background: White;
color: DarkSlateGrey;
font-family: Tahoma, Verdana, sans-serif;
font-size: 10pt;
max-width: 100%;
overflow-x: hidden;
}
div#main {
margin: 0;
padding: 0 20px 20px;
}
h1 {
font-size: 150%;
font-style: italic;
display: block;
width: 100%;
}
h1.title {
position: absolute;
top: 90px;
background-color: transparent;
color: black;
font-size: 20px;
font-style: italic;
text-align: center;
vertical-align: baseline;
font-weight: normal;
font-family: georgia, palatino, "book antiqua", "palatino linotype", serif;
}
#CPITS_image {
margin-left: 25%;
width: 158px;
height: 107px;
object-fit: cover;
}
.redirect_link {
display: flex;
justify-content: flex-end;
margin-top: -100px;
font-size: 14px;
font-family: helvetica-w01-bold, helvetica-w02-bold, helvetica-lt-w10-bold, sans-serif;
margin-right: 25%;
}
#poems_container{
margin-top: 80px;
height: 900px;
width: 900px;
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-justify-content: center;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.poems_box:hover {
background-color: dcdcdc;
color: #5f6360;
}
.poems_student_one {
display: flex;
justify-content: flex-start;
top: -30px;
left: 10px;
position: relative;
color: black;
}
.poems_content_one {
text-align: center;
position: absolute;
bottom: 325px;
right: 210px;
width: 25%;
}
.poems_box {
position: relative;
justify-content: space-between;
height: 260px;
width: 260px;
background: #7fccf7;
border: white;
border-style: solid;
}
.poems_title {
width: 97%;
text-align: left;
position: relative;
left: 15px;
color: white;
}
.poems_text {
text-align: right;
height: 6em;
overflow: hidden;
line-height: 1.5em;
margin-left: 45%;
position: relative;
margin-top: 25px;
color: #3899ec;
font-family: georgia, palatino, "book antiqua", "palatino linotype", serif;
font-size: 23px;
font-style: italic;
}
.author_name {
bottom: 55px;
font-size: 20px;
left: 20px;
position: absolute;
color: white;
font-family: georgia, palatino, "book antiqua", "palatino linotype", serif;
}
.donate {
display: flex;
color: black;
font-size: 15px;
font-style: italic;
text-align: center;
vertical-align: baseline;
font-weight: normal;
font-family: georgia, palatino, "book antiqua", "palatino linotype", serif;
flex-direction: row-reverse;
margin-right: 23%;
}
.pagination {
margin-bottom: -25px;
margin-left: 23%;
}
.ending_line {
text-align: center;
display: flex;
flex-direction: column-reverse;
font-family: georgia, palatino, "book antiqua", "palatino linotype", serif;
font-style: italic;
}