@charset "UTF-8";

header{
    position: sticky; top: 0%; width: 100%;
    background-color: rgb(135, 46, 223);
}
body{
    font-size: 15pt;
    font-family: serif;
	color: white;
	line-break: strict;
    background-image: url(images/background.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    scrollbar-base-color: black;
    scrollbar-arrow-color: red;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
    letter-spacing: 0em;
}

div[class="article"]{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background-image: url(images/background-article.png);
background-size: 80%;
background-attachment: fixed;
background-position: center;
}

h1{
padding-top: 30px;
text-align: center;
}

h2{
padding-right: 10%;
padding-bottom: 50px;
text-align: right;
}

h3{
text-align: left;
margin-left: 10%;
margin-right: 10%;
}

p{
text-align: left;
margin-left: 10%;
margin-right: 10%;
}

a,a:visited{
color: white;
}

div[class="return"]{
width: 500px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
text-align: center;
}

div[class="image"]{
width: 100%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: center;
}

div[class="copyright"]{
    text-align: center;
}