126 lines
2.1 KiB
CSS
126 lines
2.1 KiB
CSS
@font-face {
|
|
font-family: OpenDyslexic;
|
|
src: url(../font/open_dyslexic/OpenDyslexic-Regular.otf);
|
|
}
|
|
|
|
:root {
|
|
--ecriture: black;
|
|
--background: white;
|
|
--police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
}
|
|
|
|
|
|
test {
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-family: 'Courier New', Courier, monospace;
|
|
}
|
|
|
|
html {
|
|
background: var(--background);
|
|
color: var(--ecriture);
|
|
font-size: 1.5rem;
|
|
font-family: var(--police);
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
}
|
|
|
|
#content {
|
|
display: flex;
|
|
text-align: center;
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
nav {
|
|
width: 99%;
|
|
position: sticky;
|
|
top: 0px;
|
|
background-image: linear-gradient(to right, #008dff, #009bfe, #00a7f8, #00b2f0, #00bbe7);
|
|
border-radius: 20px;
|
|
}
|
|
|
|
#menu {
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
text-align: center;
|
|
/* background-color: rgba(255, 255, 255, 0.4); */
|
|
}
|
|
|
|
.menuItem {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
height: 40px;
|
|
transition: all, 0.5s;
|
|
font-family: var(--police);
|
|
}
|
|
|
|
.menuItem2 {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
height: 40px;
|
|
font-family: var(--police);
|
|
}
|
|
|
|
.menuItem:hover {
|
|
background-color: #0000ff23;
|
|
}
|
|
|
|
article {
|
|
text-align: justify;
|
|
}
|
|
|
|
a {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
a:link {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
#dyslexique {
|
|
background-color: #5c5cfd;
|
|
padding-bottom: 0px;
|
|
border-radius: 20px;
|
|
width: 120px;
|
|
height: 60px;
|
|
transition: all, 0.5s;
|
|
font-size: .7rem;
|
|
}
|
|
|
|
|
|
|
|
/* slider */
|
|
|
|
.slider {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
font-size: 300px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.minuteur {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
font-size: 300px;
|
|
font-weight: 500;
|
|
|
|
} |