/*
stylesitea.css
---------
 
Par W4(p)A Studios
*/

@font-face {font-family: 'inconsolata'; src: url("fonts/Inconsolata_Condensed-SemiBold.ttf") }

html {margin-top: 2% !important; font-family: 'inconsolata','arial', sans-serif; margin: 0}
header {width: 100%; position: absolute; margin-top: 2% !important; text-decoration: none !important; text-align: center; padding-bottom: 1em;}
body {background-color: black; font-family: 'inconsolata', 'arial', sans-serif; font-weight: 400;}
a {color: #f2f2f2; }
a:link {text-decoration: none;}
h1 {color: #f2f2f2; font-size: 2em; font-style: normal; text-align: right; vertical-align: text-bottom;} 
h2 {color: #f2f2f2; font-size: 1em; cursor: pointer;}
h4 {color: #f2f2f2; font-size: 0.5em;}
td {width: 50%; text-align: justify;}
table {width: 100%; border: none; border-spacing: 5px; padding: 5px;}
p {text-align: justify; padding: 30px;}
p2 {text-align: justify;}
hr{
  border: 1px solid #f2f2f2;
}






#back2Top {
    width: 45px;
    line-height:40px;
    overflow: hidden;
    text-align: center;
    font-size: 50px;
    text-decoration: none;
}



.button {background-color: black; color: #f2f2f2; font-size: 0.5em; font-family: 'inconsolata', 'arial', sans-serif; text-align: center; padding: 10px; border: 5px; border-color: black;}

* {box-sizing: border-box;}
.column {float: left; width: 50%; padding: 10px;}
.row:after {content: ""; display: table; clear: both;}
.row {padding: 5px;}

#about {font-size: 1.4em; line-height: 1.5em; text-align: justify; background-color: black; margin: -15px}
#subscribe {font-size: 3em; text-align: center; vertical-align: text-bottom;}
#title {font-size: 3em; text-align: left; vertical-align: text-bottom;}
#onglets {padding-botton: 10px;}
#liensfooter:hoover {text-decoration: underline;}

.col-1 {float: left; width: 50%;}
.col-2 {float: left; width: 40%; padding-top: 0.25em;}
.col-3 {float: left; width: 10%; padding-top: 0.25em;}
footer {width: 100%; padding-top: 0.8em; padding-bottom: 0.5em; padding-left: 1em; padding-right: 1em;}

@media only screen and (max-width: 1000px) {
#onglets {font-size: 0.6em; padding-left: 1em; padding-top: 13px;}
#bio {font-size: 0.8em;}
#bio2 {font-size: 0.5em;}
#liste {font-size: 0.5em;}
.col-1 {font-size: 10px; float: left; width: 50%; }
.col-2 {font-size: 10px; float: left; width: 40%; }
.col-3 {font-size: 10px; float: left; width: 10%; }
}

@media only screen and (max-width: 650px) {
body { margin-left: 1.5px;  margin-right: 2px;}
#onglets {font-size: 0.6em; padding-left: 1em; padding-top: 13px;}
#bio {font-size: 0.8em;}
#bio2 {font-size: 0.5em;}
#liste {font-size: 0.5em;}
.col-1 {font-size: 6.5px; float: left; width: 65%; padding-top: 0.35em;}
.col-2 {font-size: 6.5px; float: left; width: 20%; padding-bottom: 1em;}
.col-3 {font-size: 6.5px; float: left; width: 15%; padding-bottom: 1em;}
}

#grad1 {height: 10000px; width: 100%; background-color: white; background-image: linear-gradient(white, purple, purple, rebeccapurple, rebeccapurple, purple, darkred, indianred, indianred);}