Marine Desmarchelier
106 lines
1.8 KiB
CSS
106 lines
1.8 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600&display=swap');
|
|
|
|
html {
|
|
font-size: 14px;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Quicksand', sans-serif;
|
|
height: auto
|
|
}
|
|
|
|
.welcome .welcome-watermark {
|
|
height: auto
|
|
}
|
|
|
|
.welcome {
|
|
background-color: #7f9cf5;
|
|
background-image: url(../images/illustration-visio.png);
|
|
background-repeat: no-repeat;
|
|
background-position: bottom right;
|
|
background-size: 650px auto;
|
|
}
|
|
|
|
.welcome .welcome-watermark .watermark.leftwatermark {
|
|
width: 270px;
|
|
height: 80px;
|
|
max-width: auto !important;
|
|
max-height: auto !important;
|
|
}
|
|
|
|
.welcome .header {
|
|
background: none;
|
|
}
|
|
|
|
.welcome .welcome-page-settings .jitsi-icon svg {
|
|
background: #4fd1c5
|
|
}
|
|
|
|
.welcome .welcome-page-settings .jitsi-icon svg:hover {
|
|
background: #7f9cf5
|
|
}
|
|
|
|
.welcome .header .header-container {
|
|
max-width: 1340px;
|
|
margin: 140px auto 0 auto;
|
|
padding: 0
|
|
}
|
|
|
|
.welcome .header .header-text-title {
|
|
text-align: left;
|
|
font-size: 4rem;
|
|
}
|
|
|
|
.welcome .header .header-text-subtitle {
|
|
font-size: 1.7rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.welcome .header #enter_room {
|
|
width: auto;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
|
|
.welcome .welcome-cards-container {
|
|
width: 100%;
|
|
max-width: 1340px;
|
|
margin: 20px auto 0 auto;
|
|
padding: 0
|
|
}
|
|
|
|
.welcome .welcome-card-row {
|
|
justify-content: start;
|
|
padding: 0
|
|
}
|
|
|
|
.welcome .welcome-footer {
|
|
padding-left: 200px;
|
|
background: #e6fffa;
|
|
color: #333;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.welcome .welcome-footer-centered {
|
|
max-width: none;
|
|
}
|
|
|
|
.welcome .welcome-footer-padded::before {
|
|
content: "Powered by Jitsi Meet"
|
|
}
|
|
|
|
.welcome .welcome-footer-row-block {
|
|
display: none
|
|
}
|
|
|
|
/* TODO RESPONSIVE */
|
|
@media (min-width: 576px) {}
|
|
|
|
@media (min-width: 768px) {}
|
|
|
|
@media (min-width: 992px) {}
|
|
|
|
@media (min-width: 1200px) {}
|
|
|
|
@media (min-width: 1400px) {}
|