|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<!--<script src="jquery-3.5.1.min.js"></script>-->
|
|
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="./tense.ico">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
|
|
|
|
|
|
--------------------------------------------------------------------PRINT----------------------------------------------------------------------------------------------------
|
|
|
|
|
|
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@page {
|
|
|
|
|
|
size: 420mm, 297mm;
|
|
|
|
|
|
margin: 0mm;
|
|
|
|
|
|
}
|
|
|
|
|
|
@media print {
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'WFTF';
|
|
|
|
|
|
src: url('wftfs-Regular.otf');
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
|
|
|
src: url('EBGaramond-MediumItalic.ttf');
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'EBGaramonditalic';
|
|
|
|
|
|
src: url('EBGaramond-Italic.ttf');
|
|
|
|
|
|
}
|
|
|
|
|
|
logo {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
height: 10mm;
|
|
|
|
|
|
width: 10mm;
|
|
|
|
|
|
bottom: 1%;
|
|
|
|
|
|
left: 12%;
|
|
|
|
|
|
mix-blend-mode: hard-light;
|
|
|
|
|
|
}
|
|
|
|
|
|
.page {
|
|
|
|
|
|
page-break-after: always;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
body {
|
|
|
|
|
|
padding: 2mm;
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
columns: 4 auto;
|
|
|
|
|
|
background: rgb(233,233,233);
|
|
|
|
|
|
background: radial-gradient(circle, rgba(233,233,233,1) 0%, rgba(138,138,138,1) 100%);
|
|
|
|
|
|
}
|
|
|
|
|
|
.button {
|
|
|
|
|
|
display:none
|
|
|
|
|
|
}
|
|
|
|
|
|
.buttonright {
|
|
|
|
|
|
display:none
|
|
|
|
|
|
}
|
|
|
|
|
|
.image {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 10;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
h9 {
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
right: 10;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
h2 {
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 1mm;
|
|
|
|
|
|
padding-top: 1mm;
|
|
|
|
|
|
margin-right: 0mm;
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
margin-left: 5mm;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
z-index: 250;
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
h3 {
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-family: "Times New Roman", Times, serif;
|
|
|
|
|
|
font-weight: lighter;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
h4 {
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 90%;
|
|
|
|
|
|
}
|
|
|
|
|
|
h5 {
|
|
|
|
|
|
color: #EDEDED;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
text-justify: none;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
/*text-shadow: 0px 0px 20px #FFFFFF;*/
|
|
|
|
|
|
z-index:99;
|
|
|
|
|
|
}
|
|
|
|
|
|
h6 {
|
|
|
|
|
|
color: transparent;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
/*text-shadow: 3% 20px 20px;*/
|
|
|
|
|
|
stroke: 1px;
|
|
|
|
|
|
z-index:98;
|
|
|
|
|
|
}
|
|
|
|
|
|
h7 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
color: #FFF200;
|
|
|
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /*, 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h8 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
text-indent: 3mm;
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
color: #FFF200;
|
|
|
|
|
|
/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
}
|
|
|
|
|
|
titre {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-size: 18pt;
|
|
|
|
|
|
text-justify: center;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
line-height: 60%;
|
|
|
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
p{
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
text-indent: 50px;
|
|
|
|
|
|
margin-bottom: 0mm;
|
|
|
|
|
|
margin-top: 5mm;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
z-index: 250;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
p2{
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
margin-bottom: 0mm;
|
|
|
|
|
|
margin-top: 5mm;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
p3 {
|
|
|
|
|
|
content: "\a";
|
|
|
|
|
|
white-space: pre;
|
|
|
|
|
|
padding-left: 2mm;
|
|
|
|
|
|
padding-right: 2mm;
|
|
|
|
|
|
padding-bottom: 1mm;
|
|
|
|
|
|
padding-top: 1mm;
|
|
|
|
|
|
margin-top: 1mm;
|
|
|
|
|
|
margin-bottom: 1mm;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.2), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 0.8);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
p4 {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
writing-mode: vertical-rl;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
content: "\a";
|
|
|
|
|
|
white-space: pre;
|
|
|
|
|
|
margin-right: 0mm;
|
|
|
|
|
|
padding-left: 2mm;
|
|
|
|
|
|
padding-right: 2mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 5mm;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
text-justify: right;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
letter-spacing: normal;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.2), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 0.8);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
p5 {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
content: "\a";
|
|
|
|
|
|
white-space: pre;
|
|
|
|
|
|
margin-right: 0mm;
|
|
|
|
|
|
padding-left: 2mm;
|
|
|
|
|
|
padding-right: 0mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
letter-spacing: normal;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1); transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
not{
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
z-index: 400;
|
|
|
|
|
|
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
}
|
|
|
|
|
|
.square {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
margin-bottom: 0mm;
|
|
|
|
|
|
margin-top: 5mm;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
width: 70%;
|
|
|
|
|
|
height: 40%;
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
background: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
.square:after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-bottom: 50%;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.content {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
height: 90%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
margin-top: 3mm;
|
|
|
|
|
|
margin-right: 3mm;
|
|
|
|
|
|
margin-left: 0mm;
|
|
|
|
|
|
margin-bottom: 3mm;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
footnotes {
|
|
|
|
|
|
color: #353535;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
boxfootnotes {
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
text-indent: 0mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 1mm;
|
|
|
|
|
|
padding-top: 1mm;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
boxlink{
|
|
|
|
|
|
padding-left: 1mm;
|
|
|
|
|
|
text-indent: 0mm;
|
|
|
|
|
|
padding-right: 1mm;
|
|
|
|
|
|
padding-bottom: 1mm;
|
|
|
|
|
|
padding-top: 1mm;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a{
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:visited{
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
}
|
|
|
|
|
|
a:hover {
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
}
|
|
|
|
|
|
navigation {
|
|
|
|
|
|
margin: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.intro {
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 5mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
margin-bottom: 3mm;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
text-indent: 10mm;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
ident {
|
|
|
|
|
|
text-indent: 10mm;
|
|
|
|
|
|
}
|
|
|
|
|
|
meta {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dot {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top:0;
|
|
|
|
|
|
left:0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
box {
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
section {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
margin-top: 3mm;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
sectionvertical {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin-top: 3mm;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
text-justify: right;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h7vertical {
|
|
|
|
|
|
writing-mode: vertical-rl;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
text-justify: right;
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
color: #FFF200;
|
|
|
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /*, 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
}
|
|
|
|
|
|
sectiontitre {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-left: 3mm;
|
|
|
|
|
|
padding-right: 3mm;
|
|
|
|
|
|
padding-bottom: 3mm;
|
|
|
|
|
|
padding-top: 3mm;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
margin-top: 3mm;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 14pt;
|
|
|
|
|
|
line-height: 10pt;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15% 15% 15% 15%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
br {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
symbol {
|
|
|
|
|
|
font-family: 'WFTF';
|
|
|
|
|
|
font-size: 8pt;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.b {
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
}
|
|
|
|
|
|
h9 {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 70pt;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
line-height: 110%;
|
|
|
|
|
|
color: #FFF200;
|
|
|
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
|
|
|
|
|
|
}
|
|
|
|
|
|
bodytitreleft {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-size: 70pt;
|
|
|
|
|
|
letter-spacing: 0px;
|
|
|
|
|
|
text-justify: center;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
bottom: 0mm;
|
|
|
|
|
|
left: 180mm;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: -10;
|
|
|
|
|
|
}
|
|
|
|
|
|
bodytitreright {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-size: 70pt;
|
|
|
|
|
|
letter-spacing: 0px;
|
|
|
|
|
|
text-justify: center;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
bottom: 0mm;
|
|
|
|
|
|
left: 180mm;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: -11;
|
|
|
|
|
|
}
|
|
|
|
|
|
.help{
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.print{
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.response {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
|
|
|
|
|
|
--------------------------------------------------------------------SCREEN----------------------------------------------------------------------------------------------------
|
|
|
|
|
|
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen{
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'WFTF';
|
|
|
|
|
|
src: url('wftfs-Regular.otf');
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
|
|
|
src: url('EBGaramond-MediumItalic.ttf');
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'EBGaramonditalic';
|
|
|
|
|
|
src: url('EBGaramond-Italic.ttf');
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'Roboto';
|
|
|
|
|
|
src: url('Roboto-Regular.ttf');
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'Robotobold';
|
|
|
|
|
|
src: url('Roboto-Bold.ttf');
|
|
|
|
|
|
}
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'Robotomedium';
|
|
|
|
|
|
src: url('Roboto-Medium.ttf');
|
|
|
|
|
|
}
|
|
|
|
|
|
logo {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
bottom: 0%;
|
|
|
|
|
|
left: 1%;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
}
|
|
|
|
|
|
body{
|
|
|
|
|
|
|
|
|
|
|
|
/*margin-top: 10vw;
|
|
|
|
|
|
margin-bottom: 10vw;
|
|
|
|
|
|
margin-left: 20vw;
|
|
|
|
|
|
margin-right: 20vw;*/
|
|
|
|
|
|
margin-top: 70px;
|
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
|
margin-left: 30px;
|
|
|
|
|
|
margin-right: 30px;
|
|
|
|
|
|
columns: 2 auto;
|
|
|
|
|
|
/*background: white;*/
|
|
|
|
|
|
background: rgb(233,233,233);
|
|
|
|
|
|
background: radial-gradient(circle, rgba(233,233,233,1) 0%, rgba(138,138,138,1) 100%);
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
background-attachment: fixed;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
}
|
|
|
|
|
|
h1 {
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 10;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
h2 {
|
|
|
|
|
|
padding-left: 3%;
|
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
|
padding-bottom: 3%;
|
|
|
|
|
|
padding-top: 3%;
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
margin-left: 50px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
z-index: 250;
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
h2:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
z-index: 3000;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
h3 {
|
|
|
|
|
|
padding-left: 3%;
|
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
|
padding-bottom: 50px;
|
|
|
|
|
|
padding-top: 50px;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-family: times new roman;
|
|
|
|
|
|
font-weight: lighter;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
h3:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
h4 {
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 90%;
|
|
|
|
|
|
}
|
|
|
|
|
|
h5 {
|
|
|
|
|
|
color: #EDEDED;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 120pt;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
text-justify: none;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
text-shadow: 0px 0px 20px #FFFFFF;
|
|
|
|
|
|
z-index:99;
|
|
|
|
|
|
}
|
|
|
|
|
|
h6 {
|
|
|
|
|
|
color: transparent;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
text-shadow: 3% 20px 20px;
|
|
|
|
|
|
stroke: 1px;
|
|
|
|
|
|
z-index:98;
|
|
|
|
|
|
}
|
|
|
|
|
|
h7 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
line-height: 110%;
|
|
|
|
|
|
color: #FFF200;
|
|
|
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;/*, 0px 0px 19px rgba(255, 255, 255, 1)*/
|
|
|
|
|
|
}
|
|
|
|
|
|
h8 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
text-indent: 24px;
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
line-height: 110%;
|
|
|
|
|
|
color: #FFF200;
|
|
|
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
h9 {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
line-height: 110%;
|
|
|
|
|
|
color: #FFF200;
|
|
|
|
|
|
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;/*, 0px 0px 19px rgba(255, 255, 255, 1)*/
|
|
|
|
|
|
}
|
|
|
|
|
|
titre {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-size: 70px;
|
|
|
|
|
|
letter-spacing: 0px;
|
|
|
|
|
|
text-justify: center;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
line-height: 60%;
|
|
|
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
sectiontitre {
|
|
|
|
|
|
padding-left: 3%;
|
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
|
padding-bottom: 3%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
padding-top: 3%;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
margin-left: 2%;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
sectiontitre:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
}
|
|
|
|
|
|
p {
|
|
|
|
|
|
padding-left: 3%;
|
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
|
padding-bottom: 50px;
|
|
|
|
|
|
padding-top: 50px;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
text-indent: 50px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin-top: 3%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
mix-blend-mode: hard-light;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1); transition: all 500ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
p:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
p2 {
|
|
|
|
|
|
padding-left: 3%;
|
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
|
padding-bottom: 50px;
|
|
|
|
|
|
padding-top: 50px;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
margin-top: 3%;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
mix-blend-mode: hard-light;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
p2:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
}
|
|
|
|
|
|
p3 {
|
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
|
margin-top: 2%;
|
|
|
|
|
|
margin-bottom: 2%;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 10;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
p3:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
}
|
|
|
|
|
|
p5 {
|
|
|
|
|
|
padding-left: 1%;
|
|
|
|
|
|
padding-right: 1%;
|
|
|
|
|
|
padding-bottom: 2%;
|
|
|
|
|
|
padding-top: 2%;
|
|
|
|
|
|
margin-top: 2%;
|
|
|
|
|
|
margin-bottom: 2%;
|
|
|
|
|
|
margin-left: 2%;
|
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
font-family: 'EBGaramondmediumitalic';
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
p4 {
|
|
|
|
|
|
display:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
symbol {
|
|
|
|
|
|
font-family: 'WFTF';
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
margin-left: 2%;
|
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
}
|
|
|
|
|
|
symbol:hover {
|
|
|
|
|
|
font-family: 'WFTF';
|
|
|
|
|
|
color: white;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
}
|
|
|
|
|
|
not{
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
z-index: 400;
|
|
|
|
|
|
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
}
|
|
|
|
|
|
.square {
|
|
|
|
|
|
padding-left: 1%;
|
|
|
|
|
|
padding-right: 1%;
|
|
|
|
|
|
padding-bottom: 1%;
|
|
|
|
|
|
padding-top: 1%;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
height: 40%;
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
margin-right: 0px;
|
|
|
|
|
|
margin-top: 0px;
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
/*background-color: #CCCCCC;*/
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
border-radius: 2% 2% 2% 2%;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
filter: blur(0.2px);
|
|
|
|
|
|
-webkit-filter: blur(0.2px);
|
|
|
|
|
|
}
|
|
|
|
|
|
.square:after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-bottom: 50%;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
border-radius: 2% 2% 2% 2%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.square:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
border-radius: 6% 6% 6% 6%;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
margin: 2%;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.portrait {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
width: 50%;
|
|
|
|
|
|
height: 50%;
|
|
|
|
|
|
margin-left: 3%;
|
|
|
|
|
|
margin-right: 3%;
|
|
|
|
|
|
margin-top: 3%;
|
|
|
|
|
|
margin-bottom: 3%;
|
|
|
|
|
|
/*background-color: #CCCCCC;*/
|
|
|
|
|
|
background: rgb(214,214,214);
|
|
|
|
|
|
background: radial-gradient(circle, rgba(214,214,214,1) 0%, rgba(221,221,221,1) 100%);
|
|
|
|
|
|
box-shadow: 0px 0px 12px 11px rgba(0,0,0,0.25);
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
filter: blur(1px);
|
|
|
|
|
|
-webkit-filter: blur(1px);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.portrait:after {
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-bottom: 120%;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
}
|
|
|
|
|
|
footnotes {
|
|
|
|
|
|
color: #353535;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
boxfootnotes {
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
padding-left: 2%;
|
|
|
|
|
|
text-indent: 0%;
|
|
|
|
|
|
padding-right: 2%;
|
|
|
|
|
|
padding-bottom: 0%;
|
|
|
|
|
|
padding-top: 0px;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
boxlink {
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
padding-left: 0%;
|
|
|
|
|
|
padding-right: 0%;
|
|
|
|
|
|
padding-bottom: 0%;
|
|
|
|
|
|
padding-top: 0%;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 10px 10px 10px 10px;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a{
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:visited{
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
a:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
}
|
|
|
|
|
|
navigation {
|
|
|
|
|
|
margin: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.intro {
|
|
|
|
|
|
padding-left: 3%;
|
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
|
padding-bottom: 50px;
|
|
|
|
|
|
padding-top: 50px;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
/*color: #353535;*/
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
text-indent: 50px;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 100;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.intro:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
}
|
|
|
|
|
|
.href {
|
|
|
|
|
|
color: #353535;
|
|
|
|
|
|
}
|
|
|
|
|
|
.href:hover {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
}
|
|
|
|
|
|
.button {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
padding: 3px 20px;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
top: 1%;
|
|
|
|
|
|
left: 1%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 2000;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.button:hover {
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
.buttonright {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
padding: 3px 20px;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
left: 25%;
|
|
|
|
|
|
top: 1%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1990;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.buttonright:hover {
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
.buttonbottomright {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
padding: 3px 20px;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
right: 1%;
|
|
|
|
|
|
bottom: 1%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1990;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.buttonbottomright:hover {
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
.help {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
padding: 3px 20px;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
right: 1%;
|
|
|
|
|
|
top: 1%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1990;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.help:hover {
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
.response {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
padding: 3px 20px;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
left: 37%;
|
|
|
|
|
|
top: 1%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1990;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.response:hover {
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
.print {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
padding: 3px 20px;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
right: 1%;
|
|
|
|
|
|
bottom: 1%;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 12px 12px 12px 12px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 1990;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
.print:hover {
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
background: #CCCCCC;
|
|
|
|
|
|
}
|
|
|
|
|
|
bodytitreleft {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-size: 70px;
|
|
|
|
|
|
letter-spacing: 0px;
|
|
|
|
|
|
text-justify: center;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
top: 4%;
|
|
|
|
|
|
left: 47%;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: -11;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
bodytitreright {
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
font-size: 70px;
|
|
|
|
|
|
letter-spacing: 0px;
|
|
|
|
|
|
text-justify: center;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
bottom: 10%;
|
|
|
|
|
|
left: 47%;
|
|
|
|
|
|
line-height: 100%;
|
|
|
|
|
|
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: -10;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
}
|
|
|
|
|
|
ident {
|
|
|
|
|
|
text-indent: 100px;
|
|
|
|
|
|
}
|
|
|
|
|
|
meta {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.dot {
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top:0;
|
|
|
|
|
|
left:0;
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
box {
|
|
|
|
|
|
padding-left: 2%;
|
|
|
|
|
|
padding-right: 2%;
|
|
|
|
|
|
padding-bottom: 2%;
|
|
|
|
|
|
padding-top: 2%;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 300;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
section {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
padding-left: 3%;
|
|
|
|
|
|
padding-right: 3%;
|
|
|
|
|
|
padding-bottom: 3%;
|
|
|
|
|
|
padding-top: 3%;
|
|
|
|
|
|
margin-top: 2%;
|
|
|
|
|
|
margin-bottom: 2%;
|
|
|
|
|
|
margin-left: 2%;
|
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
color: black;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
line-height: 120%;
|
|
|
|
|
|
font-family: helvetica;
|
|
|
|
|
|
z-index: 900;
|
|
|
|
|
|
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
|
|
|
|
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
|
|
|
|
|
|
transition: all 300ms ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
sectionvertical {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
h7vertical {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 1000px) {
|
|
|
|
|
|
.response {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
|
body {
|
|
|
|
|
|
columns: 1 auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
.button {
|
|
|
|
|
|
left: 25%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.buttonright {
|
|
|
|
|
|
visibility:hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
.response {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.help {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.print {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
<bodytitreleft><h9>‹body›</h9></bodytitreleft>
|
|
|
|
|
|
<bodytitreright><h9>‹/body›</h9></bodytitreright>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<span class="dot"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--<button class="buttonleft">
|
|
|
|
|
|
<a href="/--/.."><h7>‹button›</h7>Previous<h7>‹/button›</h7></a>
|
|
|
|
|
|
</button>-->
|
|
|
|
|
|
<button class="button">
|
|
|
|
|
|
<a href="../" target="blank"><h7>‹button›</h7>Wor(l)ds<h7>‹/button›</h7></a>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<!--<button class="buttonright">
|
|
|
|
|
|
<a href="TENSE.pdf" target="blank"><h7>‹button›</h7>Orignal<h7>‹/button›</h7></a>
|
|
|
|
|
|
</button>-->
|
|
|
|
|
|
<button class="help">
|
|
|
|
|
|
<a href="map.html"><h7>‹button›</h7>Map<h7>‹/button›</h7></a>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button class="response">
|
|
|
|
|
|
<a href="Tense_response.html"><h7>‹button›</h7>Response<h7>‹/button›</h7></a>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
<button class="print">
|
|
|
|
|
|
<a onclick="window.print()"><h7>‹button›</h7>Print<h7>‹/button›</h7></a>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://martinfoucaut.com/">
|
|
|
|
|
|
<logo><img border="0" alt="logo" src="SIGNATURE.png"></logo>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<sectiontitre>
|
|
|
|
|
|
<titre><h7>‹title›</h7>Tense<h7>‹/title›</h7></titre>
|
|
|
|
|
|
</sectiontitre>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
|
<a href="http://www.simonevansaarloos.nl/"><h7>‹bio›</h7><h7>‹author›</h7><u>Simon(e) van Saarloos</u><h7>‹/author›</h7></a> is a writer and philosopher, living
|
|
|
|
|
|
in Amsterdam and New York City. Simon(e) writes the “e” in her
|
|
|
|
|
|
name between parantheses because she questions gender norms
|
|
|
|
|
|
and doubts anything that appears ‘as given’ or self-evident. Also,
|
|
|
|
|
|
what’s between parentheses might be more meaningful than what
|
|
|
|
|
|
is said to be meaningful. She is the author of three books (columns,
|
|
|
|
|
|
essay, fiction) Ik deug/deug niet [To Be Good or Not Be Good], Het
|
|
|
|
|
|
monogame drama [The monogamy Drama] and De vrouw die [The
|
|
|
|
|
|
Woman Who]. She also writes theatre and poetry and performs
|
|
|
|
|
|
on stage as a lecturer, activist and interviewer. In the last Dutch
|
|
|
|
|
|
general elections Simon(e) was a candidate for the political party
|
|
|
|
|
|
led by Sylvana Simons. She is currently writing a book on the trial
|
|
|
|
|
|
against Geert Wilders.<h7>‹/bio›</h7></section>
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
|
|
<p5><h7>‹song›</h7>
|
|
|
|
|
|
<p3><h7>‹line›</h7>You want me to give you a testimony about my life <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> And how good he’s been to me <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> I don’t know what to tell you about him <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> I love him so much with all my heart and my soul <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> With every bone in my body I love him so much <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> Because he’s done so much for me <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> Every morning <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> Every day of my life <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> I won’t always be crying tears <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> In the middle of the night, and I won’t always have to wake up <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> By myself wondering how I’m gonna get through the day <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> I won’t always have to think about what I’m gonna do <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> And how I’m gonna, how I’m gonna make it <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> How I’m gonna get there, because he… <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> He’s gonna be there for me <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> (…) <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> It feels so good to be free <h7>‹/line›</h7></p3>
|
|
|
|
|
|
<br><p3><h7>‹line›</h7> To be accepted for who you are and loved no matter what. <h7>‹/line›</h7></p3><br><br>
|
|
|
|
|
|
<h7>‹/song›</h7>
|
|
|
|
|
|
<boxfootnotes><h7>‹footnote›</h7><a href="#fn1" class="footnote-ref" id="fnref1"><sup>1</sup></a><h7>‹/footnote›</h7></boxfootnotes></p5>
|
|
|
|
|
|
|
|
|
|
|
|
<sectionvertical>
|
|
|
|
|
|
<h7vertical>‹about›</h7vertical>
|
|
|
|
|
|
<p4><h7vertical>‹info›</h7vertical>Reinterpretation<h7vertical>‹/info›</h7vertical>
|
|
|
|
|
|
<h7vertical>‹artist›</h7vertical><b> Martin Foucaut </b><h7vertical>‹/artist›</h7vertical></p4>
|
|
|
|
|
|
<p4><h7vertical>‹info›</h7vertical>Original contributor<h7vertical>‹/info›</h7vertical>
|
|
|
|
|
|
<h7vertical>‹author›</h7vertical><b> Simon(e) van Saarloos </b><h7vertical>‹/author›</h7vertical></p4>
|
|
|
|
|
|
<p4><h7vertical>‹title›</h7vertical><b> Tense </b><h7vertical>‹/title›</h7vertical></p4>
|
|
|
|
|
|
<h7vertical>‹/about›</h7vertical>
|
|
|
|
|
|
</sectionvertical>
|
|
|
|
|
|
|
|
|
|
|
|
<br><br><br>
|
|
|
|
|
|
<section><h7>‹section›</h7>
|
|
|
|
|
|
<h2><h7>‹subtitle›</h7>Words That Do Not Kill.<h7>‹/subtitle›</h7></h2>
|
|
|
|
|
|
|
|
|
|
|
|
<p><h7>‹paragraph›</h7> For someone growing up non-religious, this intro on Kayne West’s new album, The Life of Pablo, made me understand something I never had before. The song starts in such a sensuous way, that I truly thought the singer was giving me an account of her longing for ‘him,’ a fleshy him, a human him, a flawed but trustworthy male. Instead, she was expressing her love and trust in God. This only becomes clear at the end of her pledge, in the last two sentences: “Oh Lord thank you, You are the joy of my life.” Interestingly enough, it was only then that I was able to enjoy this spoken song called “Low Lights.” As, when I still thought the singer was displaying her love for a human him (not Him), I considered the lyrics overtly romantic, overtly dependent. This of course says a lot about my own beliefs about love (just as much as it says about what we are conditioned to expect and recognize as love in music, movies, and other popular expressions).
|
|
|
|
|
|
|
|
|
|
|
|
<boxfootnotes>
|
|
|
|
|
|
<h7>‹footnote›</h7><a href="#fn2" class="footnote-ref" id="fnref2"><sup>2</sup></a><h7>‹/footnote›</h7></boxfootnotes> As soon as I realized it was about her love for God, I was totally drawn in, immersed by the intensity of her submission to Him.<boxfootnotes>
|
|
|
|
|
|
|
|
|
|
|
|
<h7>‹footnote›</h7><a href="#fn3" class="footnote-ref" id="fnref3"><sup>3</sup></a><h7>‹/footnote›</h7></boxfootnotes> And suddenly I understood that it was her strong language that displayed, inhabited, shaped, constructed, and created her love and trust for him. Her language wasn’t just a true account of her worship, the language generated and endorsed the love. The love existed because of her saying it out loud.<h7>‹/paragraph›</h7></p><h7>‹/section›</h7></section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section><h7>‹section›</h7>
|
|
|
|
|
|
<h2><h7>‹subtitle›</h7>Surrender<h7>‹/subtitle›</h7></h2>
|
|
|
|
|
|
|
|
|
|
|
|
<p><h7>‹paragraph›</h7> For me, growing up secular and without spiritual rituals, it seemed impossible to start believing in a higher power that can be named as ‘Lord.’ Theoretically, I may want to submit to one idea or force, but it is exactly this longing to surrender that seems to suspend the possibility of actually belief. Wanting to submit isn’t the same as submission itself – it is the incapacity of submitting to submission. Being able to view submission, as something one can do, is exactly what withholds submission. However, when I heard this singer in “Low Lights,” I suddenly realized I could do that, I could express a message in a convinced, rhetorical, and descriptive manner, without necessarily believing the content of this message.<h7>‹/paragraph›</h7></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>I love language. I love <a id="language" href="../OTHERNESS/#language">language</a> so much that I can sound very convincing saying just about anything. I could express submission, whether or not I believe that I am truly feeling submission. In this convinced language, by expressing surrender I would experience surrender because the language of worship and submission is not descriptive but performative. Words create. Words do not just describe, they are gestures confirming and producing realities.<boxfootnotes><h7>‹footnote›</h7><a href="#fn4" class="footnote-ref" id="fnref4"><sup>4</sup></a><h7>‹/footnote›</h7></boxfootnotes> As love is an abstraction, and not, for example, a chair one can point to, stating ‘I love him so much’ is the love.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>My understanding of “Low Lights” comes from this trickle-down scheme: 1) Being unable to hear a person expressing Person-To-God Love (PTGL). 2) Rejecting Girl-To-Boy Love (GTBL), but expecting and thereby accepting GTBL’s existence. 3) Realizing that GTBL is actually PTGL; thus by acknowledging GTBL, becoming able to acknowledge PTGL.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>It wasn’t just this trickle down love-scheme that allowed me to gain some understanding of the depth of expressing worship. It was the singer’s voice too. Her voice sounds so joyous and rich, it actually reminded me of having sex, of my lover telling me I scream ‘like a wounded animal.’ Because my lover draws this image, allowing my screeches of joy to leave the bedroom through a metaphor, the sounds I make became something totally new in my own ears. My lover illuminated my responsive sounds through a metaphor, joyfully describing my joy. I had forgotten to hear my own sounds, they belonged to having sex, but until then, they had no identity or noticed existence outside of that moment. The same happened when she <boxlink><h7>‹anchor›</h7><span id="description">described</span><h7>‹/anchor›</h7></boxlink> my cunt. She described its shapes and textures and colors. At first it made me shy. But the next time we had sex, I noticed how her descriptions made my <boxlink><h7>‹anchor›</h7><span id="experience">experience</span><h7>‹/anchor›</h7></boxlink> different. For the first time I consciously experienced the thickness of my inner lips, the swollenness of my clit. Her words had set these parts of my cunt ‘aside;’ her words placed them outside of my body and allowed me to have a fuller experience of my body. For me, the words she used are more than a description working as an intensifier. Her noticing evoked noticing. The unquestioned way she described my body made my body feel – totally, fully – as she had described it. I have never experienced myself as one thing true or full, but due to her confident description I could feel myself fully being her description: thick, swollen, screaming.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="square"><div class="content"><img src="https://i.pinimg.com/originals/f2/a8/0e/f2a80ee8087d750080763918df53d2be.gif" alt="Broken Image" style="width:20px;height:20px;"><h7>‹image›</h7>This image may contain: a cunt<h7>‹/image›</h7>
|
|
|
|
|
|
</div></div>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>This, however, does not mean that I feel defined. I can confidently say that her <boxlink><h7>‹anchor›</h7><span id="description">descriptions</span><h7>‹/anchor›</h7></boxlink> are relative as no genitals are average and all adjectives that she finds truth in are a matter of perception. It is not like her description became ‘facts about my cunt.’ It is not the exact truth of her words, but our joint submission to her expression that shaped the totality of my experience. If her description had any other goal than lovingly celebrating my body and its sounds, her words would have had a different effect. If she had meant to scale my genitals and sounds, comparing them, rating them, her metaphor would have felt reducing. The metaphor wouldn’t allow me to experience full oneness, the metaphor would reduce me to being my inner lips, just because her description was meant value determining. In that case we’d encounter the moment when words and metaphors turn into definitions, locking a reality down in order either to compare, classify, appraise.<h7>‹/paragraph›</h7></p2><h7>‹/section›</h7></section>
|
|
|
|
|
|
<br><br><br>
|
|
|
|
|
|
|
|
|
|
|
|
<section><h7>‹section›</h7>
|
|
|
|
|
|
<h2><h7>‹subtitle›</h7>Tense <h7>‹/subtitle›</h7></h2>
|
|
|
|
|
|
|
|
|
|
|
|
<p><h7>‹paragraph›</h7>Why am I describing this intimate body/language experience? Because I was surprised by the thorough, alive, and bodily experience of words. I’m a lover of words, but I’m very much aimed at language’s shortcomings. One of the difficulties of language I have recently been involved with, is the gap between an <boxlink><h7>‹link›</h7><a href="../HOPE/#event"><symbol>H</symbol></a><span id="event">event</span><h7>‹/link›</h7></boxlink> and the moment this event is described. Anthropologist Elizabeth Povinelli calls this gap ‘tense.’ Even now, just by recalling her theory on tense in her book Economies of Abandonment, I’m sort of finalizing her theory, presenting it as something done and seizable, instead of as the continuous thinking she is trying to surface. Language <boxlink><h7>‹link›</h7><a href="../HOPE/#kill"><symbol>H</symbol><span id="kill">kills</span></a><h7>‹/link›</h7></boxlink> continuation. When we describe something, we deny the continuity of that which we describe. When we describe something or someone, that something or someone still exists beyond and without our description. The description itself however is seen as the carrier of some kind of truth. The description is taken serious. The description allows us to look at something, rather than living with it.<h7>‹/paragraph›</h7></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="square"><div class="content"><img src="https://i.pinimg.com/originals/f2/a8/0e/f2a80ee8087d750080763918df53d2be.gif" alt="Broken Image" style="width:20px;height:20px;"><h7>‹image›</h7>This image may contain: an event <h7>‹/image›</h7>
|
|
|
|
|
|
</div></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>The dilemma that tense puts forward has been bugging me: how can I use words without killing what I’d like to draw attention to? How can we display continuous time while using language? Language itself is constantly drawing from the past. You do not have to be a scholar in linguistics to understand that every single word needs a memory – not a sentimental or deeply felt one per se – but in order to use a word we need to at least remember its meaning, remember that it has a meaning, remember that a word has a certain length and shape – that certain letters are part of the word while others are not. I felt I was experiencing continuousness of language when I was having sex and feeling my cunt and hearing my screams as my lover had described it. The descriptions became <boxlink><h7>‹link›</h7><a href="../OTHERNESS/#experience"><symbol>O</symbol><span id="experience">experience</span></a><h7>‹/link›</h7></boxlink>.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>The in-between time defined as tense, creates a certain superiority of the person speaking, especially as the person speaking starts to claim a moment in time and space. While language kills what is being described, it enlivens the speaker. Questioning tense is a <boxlink><h7>‹link›</h7><a href="../RESURGENCE/#feministpractise"><symbol>R</symbol></a><span id="feministpractise">feminist practise</span><h7>‹/link›</h7></boxlink>, as feminism is concerned with power relations and the inequalities and precarities it produces. Feminism maps and redistributes who holds space, time, and liveability. Questioning tense means one is focused on the livingness, the aliveness of what is described. It means that the continuous (well-)being of what is described, has priority. This demands the courage to let difficulty appear and remain, instead of crediting oneself (or the speaker) with making the described understandable, captured, or seizable.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7><boxlink><h7>‹link›</h7><a href="../LIQUID/#continuity"><symbol>L</symbol><span id="continuity">Continuity</span></a><h7>‹/link›</h7></boxlink> is a feminist practise, as it asks for constantly paying attention. A noticing and attention not only aimed at what you already know or what feels close to you, but also of that which escapes your attention because of your positionality. This continuous noticing is necessary to re-direct and prevent an unequal distribution of attention. For example, the quotidian has often been seen as less important, than explicit political and public events. While feminist speakers often want to give an account of the more ‘forgotten’ narratives – realizing the status quo rests on benefiting a few dominant narratives – using language to create proximity can just as well trap what is described. What is described can sometimes even be more easily celebrated and embraced, because it appears dead and can be embraced as something standing still, a non-continuous world. Therefore, this feminist practise, or releasing tense, needs to be a <boxlink><h7>‹link›</h7><a href="../HOPE/#queerpractise"><symbol>H</symbol><span id="queerpractise">queer feminist practise</span></a><h7>‹/link›</h7></boxlink>. Queer because the embrace of what’s described cannot be a straight one, it is a messy sort of embrace in which it is unclear what embraces what: does the language embrace the listener, does the listener embrace the description, does the event described embrace the continuous language that is trying to linguistically engage the event? It’s an amorphous embrace with few coordinates. It’s an embrace of which it is unsure whether it is an embrace. It is moving, taking form, forming. Looking at it does not exist, it demands noticing with. The noticing and the performative effect of this noticing happens simultaneously and inseparable. There is neither an end to the change nor to the noticing. Noticing change is not meant to formulate strategy, or to expect an outcome. The queer part about this is that change is valued in itself; the change is a goal in itself.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
<h7>‹/section›</h7></section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section><h7>‹section›</h7>
|
|
|
|
|
|
<h2><h7>‹subtitle›</h7>Superiority of Arrival<h7>‹/subtitle›</h7></h2>
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
|
|
<p><h7>‹paragraph›</h7> Traditionally, there is the assumption that any act that appears queer and rebellious will disappear when a person matures. Age gives transitional possibilities. Ageing is a hopeful thing for those unwilling to accept present conditions. Underlining age, gaining years as the passing of time, and expecting evolution when ageing, reveals a linear conception of growth: when you get older, you will ‘move past’ things. It is very difficult to do without this notion of progress, to imagine a life without progress seems almost impossible, let alone: “to imagine justice without progress,” as anthropologist Anna Tsing so beautifully questions in her book The Mushroom at the End of the World: On The Possibility of Life in Capitalist Ruins.<boxfootnotes><h7>‹footnote›</h7><a href="#fn5" class="footnote-ref" id="fnref5"><sup>5</sup></a><h7>‹/footnote›</h7></boxfootnotes> Often, when we speak about progress, progress is not only seen as a way to ‘improve’ life; celebrating progress is often used to debunk what was before. We see this with children displaying ‘queer behaviour,’ that parents think they will get over it and say, ‘It is just a phase’ (this too is often said of bisexuality, also among adults). Here I want to include the notion of ‘arriving.’ The expectations that we will later ‘arrive’ at a certain insight, we arrive at a better place in our lives, closer to something real, an arrival at ‘home.’ We tend to forget that what we understand as real is and only is the present. When we feel ‘unheimisch’ or ‘unreal,’ this is the real unreal feeling of the present.<h7>‹/paragraph›</h7></p>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="square"><div class="content"><img src="https://i.pinimg.com/originals/f2/a8/0e/f2a80ee8087d750080763918df53d2be.gif" alt="Broken Image" style="width:20px;height:20px;"><h7>‹image›</h7>
|
|
|
|
|
|
This image may contain: one person, arriving <h7>‹/image›</h7>
|
|
|
|
|
|
</div></div>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>By inserting the word ‘arrive’ here, I also come to think of ‘superiority,’ similar to the superiority of the speaker or writer claiming and deadening the continuity of the described. Columbus ‘discovered’ the Americas, meaning all the life that was there before Columbus arrived, was not considered meaningful or even living at all. It was no life. It only became life as he recognized it. Or so the history narrative we are accustomed to, latently (but bluntly) assumed When one arrives, one remembers the journey, but one does not acknowledge what was there before arrival or during the journey. Whenever there is a place to arrive, the place must have – in some way or another – existed all along. Those who arrive – whether at an insight, a conclusion, at happiness, or at mature behaviour – neglect the existence of that which already there. This goes hand in hand with a certain feeling of superiority, as it is one’s own arrival that’s central, not the ongoing existence that one comes to recognize. The efforts of the journey get the most attention. The common, inspirational motto ‘It’s all about the journey’ forgets that the person journeying demands an awaiting point of departure and arrival, unless one would state, ‘all is journey.’ When we think about progress, similar feelings of superiority come into play. Often, when someone poses, like Anna Tsing, that it might be possible and at least interesting to try and imagine a world without progress, this has historically been countered with a positivist belief in science. Especially medical science sounds very convincing. It’s a doctor’s duty to improve and possibly prolong (and thus progress?) life.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>I have experienced a short lifetime in a wheelchair. On a cold day in March, I woke up, then ten years old, and my hip was hurting so much that I couldn’t walk. Before that, I did sports everyday. Since that morning, I could only move in a wheelchair or walk short spans using crutches. I’m grateful that this sudden injury slowly disappeared after two years. Doctors used prednisone medications on me, the physical therapist tried different exercises, and my parents were wealthy enough to rent a better wheelchair than the free chair you are given by Thuiszorg.<boxfootnotes><h7>‹footnote›</h7><a href="#fn6" class="footnote-ref" id="fnref6"><sup>6</sup></a><h7>‹/footnote›</h7></boxfootnotes> All of these factors helped me get better. But I was only helped to get through this. Why did I not learn to live with this injury? Even signs of progress, such as managing the wheelchair better, were seen as a sign of decline at the same time, as it meant I was getting better at something which was not considered ‘good’ or healthy. Living in a world made to be unsuitable for wheelchair users or other non-conformative bodies, I’m utterly happy that the pain in my hip went away. The point is, I have lived two years in my life in which I was getting through a situation. I was living through life, while not actually living life, living with. Is this why I remember nearly nothing of that time? Because I arrived at the other side – being able to walk again, lucky and ‘healthy’ – and upon my arrival I could forget that all worlds and all sides that are always already out there, even if you are not experiencing and enduring them.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
<h7>‹/section›</h7></section>
|
|
|
|
|
|
|
|
|
|
|
|
<br><br><br>
|
|
|
|
|
|
<section><h7>‹section›</h7>
|
|
|
|
|
|
<h2><h7>‹subtitle›</h7>Being With<br> Instead of Getting Through<h7>‹/subtitle›</h7></h2>
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
|
|
<p><h7>‹paragraph›</h7> In retrospect, this way of living may have mirrored they way I was living life before landing in a wheelchair. As a child, I was rather unhappy. I listened to Marilyn Manson to express this unhappiness, not to fuel it. I dressed in black and painted my room black, I collected fake skulls and bracelets with studs to feel surrounded. People wanted to make me feel better, but they especially told me that I would feel better. It would get better, I was told, because I would grow older and find my way. People trusted I would find my way maybe especially because I was a white kid from a reasonable wealthy and educated family. All would be fine as the society I grew up in, had space for people like me (white, wealthy, educated). I am fine. But maybe it would have been good if someone told me I was already fine. Not to build my self-confidence (though no harm in that), but to acknowledge the world as a continuous place, instead of believing that one will ‘arrive’ in the world. We cannot arrive in the world, as worlds are constantly arriving. We need continuous <boxlink><h7>‹link›</h7><a href="../--/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICALVISION/#language"><symbol>P</symbol></a><span id="language">language</span><h7>‹/link›</h7></boxlink>. There is no platform waiting for you to get on board, there is no ‘way of being’ or mode awaiting your growth.<h7>‹/paragraph›</h7></p>
|
|
|
|
|
|
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>What can we give to a future that is not awaiting our arrival? The <boxlink><h7>‹link›</h7><a href="../HOPE/#future"><symbol>H</symbol>future<span id="future"></span></a><h7>‹/link›</h7></boxlink> needs a language that does not identify the future as a separate era. It needs a language in which the deadening force of words – tense – is countered with presence, continuous life. We need a language that is not old, nor presents itself too enthusiastically as ‘new,’ thus becoming commercial-like, claiming and promising ‘newness’ in order to legitimatize its existence. What does language need? It needs faith. It needs speakers (and listeners) who believe in its performativity, who recognize the effects of language, understanding that the expression (of an event, an experience) actually changes the event, the experience. It needs speakers who believe in plurality and constant noticing. This way, the performativity of words will not create a chain of sameness and definitions will not stall life into comprehensible situations that can be compared and strategically used for progress.<h7>‹/paragraph›</h7></p2>
|
|
|
|
|
|
<p2><h7>‹paragraph›</h7>I listen to “Low Lights” nearly every day, when running in the same park and making the same laps. I only run when I feel healthy, but when I don’t run, I don’t feel healthy. That too is a lapse. The running is by no means making me healthy. There isn’t one assignable cause for how I feel. When I run, it is not like I’m trying to get through. It is the actual running, the moving, that excites me. I pass people whom I have passed for years and I always see new people. Some may see me. I don’t hate the hill halfway through my 6K run, I’m with the hill, not getting over it or through it. My heart beat rises and I hear the singer’s worship, her expression of love and thereby the existence of love. I suddenly realize that, of course, talking to or about or with God is a way to eternalize the conversation. A feminist queer language may well be that: God-language. A God-language without the need for one grand Lord listening and speaking, but an eternal effort from all, allowing everything to be alive – amorphous and recognized.<h7>‹/paragraph›</h7></p2><h7>‹/section›</h7></section>
|
|
|
|
|
|
<br><br><br>
|
|
|
|
|
|
<section class="footnotes">
|
|
|
|
|
|
<h7>‹section›</h7>
|
|
|
|
|
|
|
|
|
|
|
|
<hr/><br>
|
|
|
|
|
|
<ol>
|
|
|
|
|
|
<li id="fn1"><p><br><h7>‹footnote›</h7>West, K. 2016. Low Lights. <em>The Life of Pablo</em>.<a href="#fnref1" class="footnote-back">↩</a><h7>‹/footnote›</h7></p></li>
|
|
|
|
|
|
<li id="fn2"><p><br><h7>‹footnote›</h7>My expectation that her worship was meant for another human, might not only say something about my secular upbringing but may also reveal that I’m listening with white ears – taking in consideration that my white, secular Dutch background probably limits my <boxlink><h7>‹link›</h7><a href="../--/#interpretation"><symbol>M</symbol></a><a href="../OTHERNESS/#interpretation"><symbol>O</symbol></a><a href="../HOPE/#interpretation"><symbol>H</symbol></a><span id="interpretation">interpretation</span><h7>‹/link›</h7></boxlink> of Kanye West’s music.<a href="#fnref2" class="footnote-back">↩</a></p></li>
|
|
|
|
|
|
<li id="fn3"><p><br><h7>‹footnote›</h7>I’m here using ‘Him’ to refer to God, as the singer does. Let’s acknowledge that some also refer to god as She (‘I met god, she’s black’) or without using gender binary terms. Islamic scholar Amina Wadud refers to Allah as ‘Trans.’ I am also speaking about heterosexual love here, because “Low Light” refers to girl-boy love. This fits well with my argument, as my initial hesitation with the text – finding it overtly romantic – certainly has to do with encountering a surplus of straight love in songs, movies, commercials. As I state in footnote 1, I might be ignoring specifics about black love by considering this girl-boy love ‘straight.’ Scholars like Saidiya Hartman and Alexis Pauline Gumbs would argue that ‘black’ and ‘queer’ are interchangeable, as black people are never gender conformative in a world ruled by white norms.<a href="#fnref3" class="footnote-back">↩</a><h7>‹/footnote›</h7></p></li>
|
|
|
|
|
|
<li id="fn4"><p><br><h7>‹footnote›</h7>Think about the way the Dutch Prime Minister Mark Rutte defended the racist figure Black Pete (‘Zwarte Piet’). He stated: “Black Pete is Black, the word itself says it, nothing I can change about that,” pretending the nature of the figure itself creates the description ‘Black Pete,’ while not acknowledging that naming something ‘black’ <em>makes</em> it black, while reproducing the possibility of using ‘black’ as a description and pretending it is a description only.<a href="#fnref4" class="footnote-back">↩</a><h7>‹/footnote›</h7></p></li>
|
|
|
|
|
|
<li id="fn5"><p><br><h7>‹footnote›</h7>Tsing, Anna Lowenhaupt. <em>The mushroom at the end of the world: on the possibility of life in capitalist ruins</em>. Princeton, NJ: Princeton University Press, 2015.<a href="#fnref5" class="footnote-back">↩</a><h7>‹/footnote›</h7></p></li>
|
|
|
|
|
|
<li id="fn6"><p><br><h7>‹footnote›</h7>A home care organization in the Netherlands.<a href="#fnref6" class="footnote-back">↩</a><h7>‹/footnote›</h7></p></li>
|
|
|
|
|
|
</ol><h7>‹/section›</h7>
|
|
|
|
|
|
|
|
|
|
|
|
<a href=""></a>
|
|
|
|
|
|
|
