127 lines
1.6 KiB
CSS
127 lines
1.6 KiB
CSS
|
@font-face {
|
||
|
font-family: 'Iranian Sans';
|
||
|
src: url(fonts/IranianSansWeb-Regular.woff) format('woff');
|
||
|
}
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'Roboto';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto.woff2) format('woff2');
|
||
|
}
|
||
|
|
||
|
html, body {
|
||
|
font-family: 'Iranian Sans';
|
||
|
font-size: 35px;
|
||
|
}
|
||
|
|
||
|
.slide {
|
||
|
direction: rtl;
|
||
|
}
|
||
|
|
||
|
.en {
|
||
|
font-family: Roboto;
|
||
|
}
|
||
|
|
||
|
.slide {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
h1, h2, h3, h4, h5, h6 {
|
||
|
min-width: 80vw;
|
||
|
}
|
||
|
|
||
|
p {
|
||
|
min-width: 80vw;
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
font-size: 2.1em;
|
||
|
}
|
||
|
|
||
|
h2 {
|
||
|
font-size: 2em;
|
||
|
}
|
||
|
|
||
|
h3 {
|
||
|
font-size: 1.7em;
|
||
|
}
|
||
|
|
||
|
h4 {
|
||
|
font-size: 1.4em;
|
||
|
}
|
||
|
|
||
|
h5 {
|
||
|
font-size: 1em;
|
||
|
}
|
||
|
|
||
|
h6 {
|
||
|
font-size: 0.7em;
|
||
|
}
|
||
|
|
||
|
.sub {
|
||
|
margin-top: -20px;
|
||
|
color: rgba(0, 0, 0, 0.5);
|
||
|
}
|
||
|
|
||
|
blockquote {
|
||
|
font-style: italic;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
/*blockquote::before, blockquote::after {*/
|
||
|
/*font-size: 4em;*/
|
||
|
/*opacity: 0.2;*/
|
||
|
/*}*/
|
||
|
|
||
|
/*blockquote::after {*/
|
||
|
/*content: '»';*/
|
||
|
/*position: relative;*/
|
||
|
/*top: 20px;*/
|
||
|
/*left: -20px;*/
|
||
|
/*}*/
|
||
|
|
||
|
/*blockquote::before {*/
|
||
|
/*content: '«';*/
|
||
|
/*position: relative;*/
|
||
|
/*top: -10px;*/
|
||
|
/*right: -10px;*/
|
||
|
/*}*/
|
||
|
|
||
|
blockquote .person {
|
||
|
position: relative;
|
||
|
top: 20px;
|
||
|
}
|
||
|
|
||
|
.super {
|
||
|
font-size: 80px;
|
||
|
}
|
||
|
|
||
|
.small {
|
||
|
font-size: 20px;
|
||
|
}
|
||
|
|
||
|
.left-image {
|
||
|
position: absolute;
|
||
|
left: -10%;
|
||
|
top: 50%;
|
||
|
transform: translateY(-50%);
|
||
|
}
|
||
|
|
||
|
.centered-row {
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
|
||
|
.spaced {
|
||
|
justify-content: space-around;
|
||
|
}
|
||
|
|
||
|
.centered-column {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
}
|