/* CSS Document */
html {
scroll-behavior: smooth;
}
body {
background-color: #E1E1E1;
font-family: 'Playfair Display', serif;
}
.home {
display: block;
padding: 0;
margin-left: 1.1cm;
}
.nav-link {
color: #9B5A77 !important;
min-height: 1cm !important;
align-items: center;
font-size: 14pt;
padding-top: 40px;
margin-left: 30px;
margin-right: 30px;
}
.nav-link li {
margin-left: 10px;
margin-right: 10px;
}
.nav-link:hover {
color: #584B54 !important;
}
.column {
border-bottom: 1px solid #9B5A77;
margin-top: 5px;
margin-bottom: 1cm;
}
h1 {
padding-bottom: 20px;
color: #9B5A77;
margin-top: 0.1px;
font-size: 40pt;
font-family: 'Playfair Display', serif;
font-weight: 600;
}
.lilac {
display: block;
margin-left: 21.5cm;
}
.flower {
display: block;
margin-left: 22cm;
}
b {
color: #584B54;
letter-spacing: 7px;
font-weight: 900;
font-size: 15pt;
margin-left: 0.5cm;
}
.row {
margin-top: 5cm;
}
.row2 {
margin-top: -9.5cm;
}
.line1 {
margin-left: -0.8cm;
}
h6 {
color:#584B54;
text-align: right;
font-size: 10pt;
font-weight: 500;
padding: 19px;
letter-spacing: 5px;
margin-left: 7.5cm;
margin-right: 0.5cm;
width: 14cm;
margin-top: -1cm;
}
.space {
margin-top: 5cm;
}
h4 {
color:#584B54;
text-align: left;
font-size: 10pt;
font-weight: 500;
padding: 19px;
letter-spacing: 5px;
margin-left:9.5cm;
margin-right: 0.5cm;
width: 14cm;
margin-top: -1cm;
}
.row3 {
margin-top: 5cm;
}
.row4 {
margin-top: -9cm;
}
.line2 {
margin-left: 13cm;
margin-top: -1.5cm;
}
.word {
color: #584B54;
letter-spacing: 7px;
font-weight: 900;
font-size: 15pt;
margin-left: 10cm;
margin-top: 5cm;
}
.row5 {
margin-top: 0cm;
}
.row6 {
margin-top: -9.5cm;
}
.line3 {
margin-left: -6.5cm;
}
h5 {
color:#584B54;
text-align: right;
font-size: 10pt;
font-weight: 500;
padding: 19px;
letter-spacing: 5px;
margin-left: 7.2cm;
margin-right: 0.5cm;
width: 14cm;
}
.poem {
color: #584B54;
letter-spacing: 7px;
font-weight: 900;
font-size: 15pt;
margin-left: 10cm;
margin-top: 5cm;
}
.row8 {
margin-top: -9.5cm;
}
.line4 {
margin-left: 14.5cm;
margin-top: -1.5cm;
}
.column10 {
border-bottom: 1px solid #9B5A77;
margin-top: 1.5cm;
margin-bottom: 1cm;
}
.mx-auto {
display: block;
margin-left: 14.3cm;
max-width:90%;
height: auto;
}
.row9 {
display: flex;
justify-content: center;
height: 1cm;
flex: 33.33%;
margin-top: 1cm;
margin-left: 50px;
margin-right: 50px;
}
.column8 {
width: 2cm;
height: 6cm;
padding: 1px;
margin-right: 1px;
margin-left: 1px;
text-align: center;
justify-content: center;
align-content: center;
}
.edam {
border-top: 2px solid #9B5A77;
border-bottom: 2px solid #9B5A77;
font-size: 8pt;
color: #584B54;
letter-spacing: 1px;
padding-bottom: 1px;
margin-left: 90px;
margin-right: 90px;
margin-top: 1cm;
margin-bottom: 1px;
align-content: center;
justify-content: center;
text-align: center;
font-weight: 600;
}
.desc1 {
color: #9B5A77 !important;
margin-bottom: 1cm;
letter-spacing: 5pt;
font-size: 10pt;
text-decoration: none !important;
margin-left: 10cm;
margin-top: -0.3cm;
}
.desc1:hover {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA ;
}
.desc1:active {
color: #DBBBCA !important;
text-decoration:underline !important;
text-decoration-color: #DBBBCA ;
}
.desc1:link {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA !important;
}
.desc1:visited {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA ;
}
.desc2 {
color: #9B5A77 !important;
margin-bottom: 1cm;
letter-spacing: 5pt;
font-size: 10pt;
text-decoration: none !important;
margin-left: 16.6cm;
margin-top: 0.5cm;
}
.desc2:hover {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA ;
}
.desc2:active {
color: #DBBBCA !important;
text-decoration:underline !important;
text-decoration-color: #DBBBCA ;
}
.desc2:link {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA !important;
}
.desc2:visited {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA ;
}
.desc3 {
color: #9B5A77 !important;
margin-bottom: 0.1cm;
letter-spacing: 5pt;
font-size: 10pt;
text-decoration: none !important;
margin-left: 16.3cm;
margin-top: 0.5cm;
}
.desc3:hover {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA ;
}
.desc3:active {
color: #DBBBCA !important;
text-decoration:underline !important;
text-decoration-color: #DBBBCA ;
}
.desc3:link {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA !important;
}
.desc3:visited {
color: #DBBBCA !important;
text-decoration: underline !important;
text-decoration-color: #DBBBCA ;
}
@media (max-width: 1199.98px) {
.responsive-font-example {
font-size: 30px;
}
}
@media (min-width: 1200px) {
.responsive-font-example {
font-size: 40pt;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1280px) {
.lilac{
margin-left: 22cm;
}
.desc2 {
margin-left: 17.6cm;
}
h6 {
margin-left: 8.5cm;
}
.desc3 {
margin-left: 17.3cm;
}
h5 {
margin-left: 8.2cm;
}
.eight {
margin-left: -0.2cm;
}
.love {
margin-left: -0.2cm;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
.lilac{
margin-left: 18cm;
margin-top: 1cm;
}
.flower {
margin-left: 18cm;
margin-top: 1cm;
}
.desc2 {
margin-left: 13.6cm;
}
h6 {
margin-left: 4.5cm;
}
.desc3 {
margin-left: 13.2cm;
}
h5 {
margin-left: 4.2cm;
}
.eight {
margin-left: -0.2cm;
margin-top: 1cm;
}
.love {
margin-left: -0.2cm;
margin-top: 1cm;
}
.poem, .desc1{
margin-left: 8cm;
}
h4 {
margin-left: 7.5cm;
}
.line4 {
margin-left: 12.5cm;
}
.word {
margin-left: 8cm;
}
.line2 {
margin-left: 10.5cm;
}
}
@media only screen and (min-width: 374px) and (max-width: 600px) {
.lilac{
margin-left: 3cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 3cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 3cm;
margin-top: 4.9cm;
vertical-align: middle;
}
.desc2 {
margin-left: 2.8cm;
font-size: 10pt;
margin-top:-0.1cm;
vertical-align: middle;
text-align: center;
}
.flower {
margin-left: 3cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 411px) and (max-width: 414px) {
.lilac{
margin-left: 3.5cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 3.5cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 3.5cm;
margin-top: 4.9cm;
vertical-align: middle;
justify-content: center;
}
.desc2 {
margin-left: 3.2cm;
font-size: 10pt;
margin-top:-0.1cm;
vertical-align: middle;
}
.flower {
margin-left: 3.5cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 390px) and (max-width: 394px) {
.lilac{
margin-left: 3.2cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 3.2cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 3.2cm;
margin-top: 4.9cm;
vertical-align: middle;
justify-content: center;
}
.desc2 {
margin-left: 3cm;
font-size: 10pt;
margin-top:-0.1cm;
vertical-align: middle;
}
.flower {
margin-left: 3.2cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 360px) and (max-width: 360px) {
.lilac{
margin-left: 3cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 3cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 3cm;
margin-top: 4.9cm;
vertical-align: middle;
}
.desc2 {
margin-left: 2.6cm;
font-size: 10pt;
margin-top:-0.1cm;
vertical-align: middle;
text-align: center;
}
.flower {
margin-left: 3cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 540px) and (max-width: 540px) {
.lilac{
margin-left: 4.5cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 4.5cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 4.5cm;
margin-top: 4.9cm;
vertical-align: middle;
justify-content: center;
}
.desc2 {
margin-left: 4.9cm;
font-size: 10pt;
margin-top:-0.1cm;
vertical-align: middle;
}
.flower {
margin-left: 4.5cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 280px) and (max-width: 280px) {
.lilac{
margin-left: 2.2cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 2.2cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 2.2cm;
margin-top: 4.9cm;
vertical-align: middle;
}
.desc2 {
margin-left: 1.5cm;
font-size: 10pt;
margin-top:-0.1cm;
vertical-align: middle;
text-align: center;
}
.flower {
margin-left: 2.2cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 820px) and (max-width:820px) {
.lilac{
margin-left: 7.2cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 7.2cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 7.2cm;
margin-top: 4.9cm;
vertical-align: middle;
}
.desc2 {
margin-left: 8.5cm;
font-size: 12pt;
margin-top:-0.1cm;
vertical-align: middle;
text-align: center;
}
.flower {
margin-left: 7.2cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 766px) and (max-width:768px) {
.lilac{
margin-left: 6.7cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 6.7cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 6.7cm;
margin-top: 4.9cm;
vertical-align: middle;
}
.desc2 {
margin-left: 7.8cm;
font-size: 12pt;
margin-top:-0.1cm;
vertical-align: middle;
text-align: center;
}
.flower {
margin-left: 6.7cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}
@media only screen and (min-width: 911px) and (max-width:913px) {
.lilac{
margin-left: 8cm;
margin-top: 9cm;
flex: 50%;
max-width: 50%;
flex-wrap: wrap;
vertical-align: middle;
}
.eight {
margin-left: 8cm;
margin-top: 4.3cm;
vertical-align: middle;
}
.love {
margin-left: 8cm;
margin-top: 4.9cm;
vertical-align: middle;
}
.desc2 {
margin-left: 9.3cm;
font-size: 14pt;
margin-top:-0.1cm;
vertical-align: middle;
text-align: center;
}
.flower {
margin-left: 8cm;
margin-top: 9.8cm;
vertical-align: middle;
}
b {
display: none;
}
.line1 {
display: none;
}
.row {
margin-top: 0.2cm;
}
h6 {
display: none;
}
.desc3 {
display: none;
}
.line3 {
display: none;
}
h5 {
display: none;
}
.poem {
display: none;
}
h4 {
display: none;
}
.line4 {
display: none;
}
.word {
display: none;
}
.line2 {
display: none;
}
.desc4, .desc1 {
display: none;
}
}