Introduction to Peer-to-Peer and GPU Processing

/*
HOW TO USE:
Change “show: inherit;” to “show: none;” to cover a piece.
Change the “order” property to vary the order a piece seems on the web page.
Sections with lowest order will seem first. EG 1, 2, 3, 5, 10
E.G. The hero part under can be seen and can be displayed third.
#hero {
show: inherit;
order: 3;
}

The video part can be hidden so the order property for this part is ignored.
#video {
show: none;
order: 5;
}

Hex code cheat sheet:
Blue: #0076c0
Gentle Grey: #f3f3f3
Default Textual content Shade: #222222
*/

#fluid {
background-color: #ffffff;
show: inherit;
order: 1;
}

#hero {
background: url(“https://placehold.it/3840×2458”) no-repeat middle middle;
show: inherit;
order: 2;
padding-bottom: 192px;
padding-top: 192px;
}

/*
Change hero overlay background-color to vary the colour on prime of the hero picture
Opacity adjustments the transparency-level: 1 will not be clear in any respect, 0.5 is 50% see-through, and 0 is totally clear
*/
#hero .overlay {
background-color: #222222;
opacity: 0.3;
}

#headline {
background-color: #ffffff;
show: inherit;
order: 3;
}

#C6733 {
background-color: #ffffff;
show: inherit;
order: 4;
}

#C2 {
background-color: #ffffff;
show: inherit;
order: 5;
}

#C3 {
background-color: #ffffff;
show: inherit;
order: 6;
}

#C4 {
background-color: #ffffff;
show: inherit;
order: 7;
}

#C3367 {
background-color: #ffffff;
show: inherit;
order: 8;
}

#kind {
background-color: #ffffff;
show: inherit;
order: 9;
}

#full-width-text {
background-color: #ffffff;
show: inherit;
order: 10;
}

#video {
background-color: #f3f3f3;
show: inherit;
order: 11;
}

.errors, .error {
coloration: crimson;
}

.e mail span.description {
font-size: bigger;
font-weight:daring;
font-style: italic;
}