View source for Google Docs:Daft Punk's Homework

{{#css:
#gdpage {
background: #F8F9FA;
height: 4000px;
}
#gdheader {
background: white;
height: 70px;
position: sticky;
top: 0;
border-top: 2px solid #DADCE0;
border-bottom: 2px solid #DADCE0;
z-index: 2;
}
#gdicon, #gdicon img {
width: auto;
height: 40px;
margin: auto;
display: inline;
position: relative;
top: 7px;
left: 5px;
}
#gdheaderbuttons {
position: relative;
left: 50px;
bottom: 3px;
}
#gdheaderbuttons p {
display: inline;
padding: 5px;
margin: 5px;
border-radius: 5px;
}
#gdheaderbuttons p:hover {
background: #F1F3F4;
}
#gdheaderright {
display: inline;
float: right;
}
#gdheaderright img {
display: inline;
height: 45px;
width: auto;
position: relative;
top: 15px;
right: 20px;
}
#doctitle {
position: absolute;
font-size: 1.5em;
top: 10px;
left: 60px;
}
#gddocument {
width: 770px;
height: 1000px;
background: white;
box-shadow: 0 0 3px gray;
position: relative;
margin: auto;
margin-bottom: 20px;
top: 6px;
padding: 80px;
}
}}

<div id="gdpage">
<div id="gdheader">
<div id="gdicon">[[File:GDIcon.png]]</div>
<div id="gdheaderright">[[File:GDHeaderRightDaft.png]]</div>
<span id="doctitle">Daft Punk's Homework</span>
<div id="gdheaderbuttons"><p>File</p><p>Edit</p><p>View</p><p>Tools</p><p>Extensions</p><p>Help</p></div>
</div>

<div id="gddocument">
<youtube>https://www.youtube.com/watch?v=4hXdaC86lio</youtube>
</div>
[[Category:Functional pages]]