Modified main style CSS
This commit is contained in:
parent
6964f33e72
commit
e12f00eb8a
|
@ -121,11 +121,13 @@ select {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* STYLING BEGINS */
|
/* STYLING BEGINS */
|
||||||
|
|
||||||
|
/* General Styles */
|
||||||
body {
|
body {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-family: 'Nunito';
|
font-family: 'Nunito', Arial, Helvetica, sans-serif;
|
||||||
color: var(--clr-body-txt);
|
color: var(--clr-body-txt);
|
||||||
background-color: var(--clr-body-bg);
|
background-color: var(--clr-body-bg);
|
||||||
background-image: var(--img-body-bg);
|
background-image: var(--img-body-bg);
|
||||||
|
@ -160,7 +162,7 @@ article h3,
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
padding: 0.5rem 0;;
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
|
@ -426,7 +428,7 @@ article, .content-container {
|
||||||
|
|
||||||
/* Q&A accordion */
|
/* Q&A accordion */
|
||||||
.qna-accordion {
|
.qna-accordion {
|
||||||
margin: 1.5rem 0;
|
padding: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.qna-accordion__question {
|
.qna-accordion__question {
|
||||||
|
@ -434,18 +436,22 @@ article, .content-container {
|
||||||
}
|
}
|
||||||
|
|
||||||
.qna-accordion__answer {
|
.qna-accordion__answer {
|
||||||
padding: 0.75rem 1.5rem;
|
padding: 0.7rem 1.5rem;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
background: hsla(0, 0%, 100%, 0.15);
|
background: hsla(0, 0%, 100%, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Spoiler Accordion */
|
/* Spoiler Accordion */
|
||||||
|
.spoiler-accordion {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
.spoiler-accordion__hint {
|
.spoiler-accordion__hint {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spoiler-accordion__spoiler {
|
.spoiler-accordion__spoiler {
|
||||||
padding: 0 1.5rem;
|
padding: 0 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Embedded YouTube video */
|
/* Embedded YouTube video */
|
||||||
|
|
Loading…
Reference in New Issue