Christmas At Hogwarts

<!--about me-->
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

body {
background-color:#232426;
background-repeat:repeat;
background-attachment:fixed;
margin: 0;
overflow:auto;
background-image:url('https://i.imgur.com/nh9rD4P.png');
background-size:cover;
}

table, tr, td, p, div, .profileInfo td.text {
    font-family: 'Playfair Display';
    font-size: 12px;
    color: #000;
}

.topbar{
width:100%;
height:73px;
background:#1e1f1e;
position: fixed;
top:0;
left:0;
z-index:9999999;
text-align:center;
}

.container {
width:900px;
height:947px;
position:absolute;
left:0;
right:0;
top:73px;
margin:auto;
color:#fff;
background-color:#222322;
font-family: 'Abel', sans-serif;
margin-bottom:-10px;
text-align:center;
}

a.credit:link, a.credit:visited {
    background-color: #ffffff;
    color: #2d0707;
    padding: 5px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-top: 9px;
    font-family: 'Playfair Display', serif;
    font-weight: 100;
    font-size: 11px;
    text-transform: uppercase;
    width: 78px;
    letter-spacing: 2px;
    margin-left: 5px;
    margin-top: 15px;
}

.creditHolder{
position:fixed;
bottom:15;
left:15;
}

a.credit:hover, a.credit:active {
background-color: #131313;
}


#pricing{
display:none;
}

#pricing:target{
display:block;
width:900px;
height:950px;
position:absolute;
left:0;
right:0;
top:0;
margin:auto;
color:#fff;
background-color:#202120;
font-family: 'Abel', sans-serif;
margin-bottom:-10px;
text-align:center;
z-index: 99999;
}

#currentWork{
display:none;
}

#currentWork:target{
display:block;
width:900px;
height:950px;
position:absolute;
left:0;
right:0;
top:0;
margin:auto;
color:#fff;
background-color:#202120;
font-family: 'Abel', sans-serif;
margin-bottom:-10px;
text-align:center;
z-index: 99999;
}

#whatWeOffer{
display:none;
}

#whatWeOffer:target{
display:block;
width:500px;
height:500px;
background:#fff;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
z-index: 999999;
border: solid 10px #3e5549;
box-shadow: 5px 10px #802932;
}


#ourEditors{
display:none;
}

#ourEditors:target{
display:block;
width:500px;
height:300px;
background:#fff;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
z-index: 999999;
border: solid 10px #3e5549;
box-shadow: 5px 10px #802932;
}

#ourAffiliates{
display:none;
}

#ourAffiliates:target{
display:block;
width:500px;
height:300px;
background:#fff;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
z-index: 999999;
border: solid 10px #3e5549;
box-shadow: 5px 10px #802932;
}


h1{
    font-family: Playfair Display;
    margin: 0;
    text-align: center;
    font-size: 54px;
    margin-top: 10px;
    color: #385043;
    margin-top: -7px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 30px;
}

h2{
    font-family: Playfair Display;
    margin: 0;
    text-align: center;
    font-size: 54px;
    margin-top: 10px;
    color: #ffffff;
    margin-top: 19px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 30px;
}


h3{
    font-family: Playfair Display;
    margin: 0;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    background-color: #ffffff;
    color: #802932;
    margin-top: 19px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 30px;
    width: 350px;
}

h4{
    font-family: Playfair Display;
    margin: 0;
    text-align: center;
    font-size: 31px;
    margin-top: 10px;
    background-color: #3e5549;
    color: #fff;
    margin-top: 19px;
    margin-bottom: 19px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    margin-right: 30px;
    width: 210px;
}

h4 span{
width:480px;
}

b{
    color: #fff;
    padding: 6px 10px;
    background: #3e5549;
    width: 34px;
    display: inline;
    text-align: center;
    line-height: 40px;
    font-weight: 100;
    font-size: 16px;
}

li {
    font-family: 'Playfair Display';
    font-size: 12px;
    color: #fff;
}

a.navigationalLinks:link, a.navigationalLinks:visited {
    color: #fff;
    padding: 5px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    font-size: 12px;
    width: 126px;
    background: #802932;
    font-weight: 100;
    margin-right: -3px;
    border: solid 5px #1e1f1e;
    vertical-align: middle;
}

a.navigationalLinks:hover, a.navigationalLinks:active {
color: #3e5549;
}


a.affiliateLinks:link, a.affiliateLinks:visited {
    color: #fff;
    padding: 5px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    font-size: 12px;
    width: 126px;
    background: #802932;
    font-weight: 100;
    margin-right: -3px;
    border: solid 5px #fff;
    vertical-align: middle;
}

a.affiliateLinks:hover, a.affiliateLinks:active {
color: #3e5549;
}



a.threeBoxes:link, a.threeBoxes:visited {
    background-color: #222322;
    padding: 73px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 160px;
    margin-top: -230px;
    font-family: 'Playfair Display';
    font-size: 24px;
    font-weight: 100;
    color: #ffffff;
    text-transform: uppercase;
vertical-align: top;
}

a.threeBoxes:hover, a.threeBoxes:active {
  background-color: #802932;
color:#fff;
}


::-webkit-scrollbar {display:none;}


.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
</style>






















<div class="topBar">
<a href="/home.php" class="navigationalLinks">home</a>
<a href="/send_message.php?member_id=" class="navigationalLinks">message</a>
<a href="/" class="navigationalLinks">content</a>
<h1>Roleplay Group Name</h1>
<a href="#pricing" class="navigationalLinks">open roles</a>
<a href="#currentWork" class="navigationalLinks">our owners</a>
<a href="/" class="navigationalLinks">share</a>
</div>

<div id="ourAffiliates">
<div style="width:480px; text-align:right; margin-top:10px;"><a href="#close" style="font-family:Playfair Display; font-size:12px; color:#3e5549;"> x close</a></div>
<div style="width: 480px; height: 274px; display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 11px; background: #fff; text-align: center; overflow:auto;">
<h4 style="font-size: 42px; font-weight: 100; text-transform: uppercase; color: #3e5549; text-align: center; background: #fff; width: 440px; margin-top: 0px;">Sibling Sites</h4>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>


<h4 style="font-size: 42px; font-weight: 100; text-transform: uppercase; color: #3e5549; text-align: center; background: #fff; width: 440px; margin-top: 0px;">Our Affiliates</h4>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
<a href="/" class="affiliateLinks">Affiliate Name</a>
</div>
</div>


<div id="ourEditors">
<div style="width:480px; text-align:right; margin-top:10px;"><a href="#close" style="font-family:Playfair Display; font-size:12px; color:#3e5549;"> x close</a></div>
<div style="width: 479px; height: 254px; display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 11px; background: #fff; text-align: left; overflow: auto;">
<h4 style="font-size: 42px; font-weight: 100; text-transform: uppercase; color: #3e5549; text-align: center; background: #fff; width: 440px; margin-top: 0px;">Site Updates</h4>

<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>
<b>00.00</b> - this is what happened on this day. <br>

</div>
</div>

<div id="whatWeOffer">
<div style="width:480px; text-align:right; margin-top:10px;"><a href="#close" style="font-family:Playfair Display; font-size:12px; color:#3e5549;"> x close</a></div>
<h4 style="font-size: 42px; font-weight: 100; text-transform: uppercase; color: #3e5549; text-align: center; background: #fff; width: 440px; margin-top: 0px;">Our Storyline</h4>

<div style="width: 266px; height: 180px; margin-bottom: 10px; display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px;"><img src="https://i.imgur.com/zaFWu68.png"></div>

<div style="width:200px; height:180px; display:inline-block; vertical-align:top; text-align: justify; overflow: auto;">
<h4 style="letter-spacing: 0; width: 200px; margin-left: 0px; margin-right: 0px; margin-top: 0px; font-size: 25px;">Storyline One</h4>
Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.
<br><br>
 Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.
</div>
<br>
<div style="width: 200px; height: 180px; display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px; text-align: justify; overflow: auto;">
<h4 style="letter-spacing: 0; width: 200px; margin-left: 0px; margin-right: 0px; margin-top: 0px; font-size: 25px;">Storyline Two</h4>
Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.
<br><br>
 Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.
</div>
<div style="width: 266px; height: 180px; display: inline-block; vertical-align: top;">
<img src="https://i.imgur.com/3mvSxJZ.png">
</div>

</div>

<div id="currentWork">
<div style="width:880px; text-align:right; margin-top: 70px;"><a href="#close" style="font-family:Playfair Display; font-size:12px; color:#3e5549;"> x close</a></div>
<img src="https://i.imgur.com/tY2q9es.png">
<div style="width: 297px; height: auto; background: #fff; margin-top: -330px; z-index: 9999; margin-left: 54px; position: absolute; font-family: 'Playfair Display'; font-size: 42px; font-weight: 100; padding: 28px; text-transform: uppercase; color: #3e5549; text-align: center; border: solid; box-shadow: 5px 10px #802932;">
<span style="font-size: 19px;">please meet our</span><br>
Group Owners
</div>

<img src="https://i.imgur.com/rGsCL5K.png" style="margin-top:10px;">

<div style="width: 440px; height: 200px; background: #202120; display: inline-block; vertical-align: top; margin-top: 10px; font-family: 'Playfair Display'; font-size: 12px; text-align: justify; color: #fff; overflow: auto; padding-left:20px; padding-right:20px; overflow:auto;">
<h4 style="width: 478px; margin-left: 0px; margin-right: 0px; margin-top: 0px; letter-spacing: 2px;">Ronald Weasley</h4>
Message from the owner here.
</div>


<div style="width: 440px; height: 200px; background: #202120; display: inline-block; vertical-align: top; margin-top: 10px; font-family: 'Playfair Display'; font-size: 12px; text-align: justify; color: #fff; overflow: auto; padding-left:20px; padding-right:20px; overflow:auto;">
<h4 style="width: 478px; margin-left: 0px; margin-right: 0px; margin-top: 0px; letter-spacing: 2px;">Harry Potter</h4>
Message from the owner here.
</ol>

</div>

<img src="https://i.imgur.com/lJNLmz1.png" style="margin-top:10px;">

</div>

<div id="pricing">
<div style="width:880px; text-align:right; margin-top: 70px;"><a href="#close" style="font-family:Playfair Display; font-size:12px; color:#3e5549;"> x close</a></div>
<img src="https://i.imgur.com/tgcN9Fk.png">
<div style="width: 297px; height: auto; background: #fff; margin-top: -330px; z-index: 9999; margin-left: 54px; position: absolute; font-family: 'Playfair Display'; font-size: 42px; font-weight: 100; padding: 28px; text-transform: uppercase; color: #3e5549; text-align: center; border: solid; box-shadow: 5px 10px #802932;">
<span style="font-size: 19px;">these are our</span><br>
Open Roles
</div>


<div style="width: 270px; height: 419px; display: inline-block; vertical-align: top; margin-right: 20px; margin-top: 20px; font-family: 'Playfair Display'; font-size: 12px; text-align: justify; color: #fff; overflow:auto;">
<h4>Marauder</h4>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
</div>
<div style="width: 270px; height: 419px; display: inline-block; vertical-align: top; margin-right: 20px; margin-top: 20px; font-family: 'Playfair Display'; font-size: 12px; text-align: justify; color: #fff; overflow:auto;">
<h4>Trio</h4>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
</div>
<div style="width: 270px; height: 419px; display: inline-block; vertical-align: top; margin-right: 20px; margin-top: 20px; font-family: 'Playfair Display'; font-size: 12px; text-align: justify; color: #fff; overflow:auto;">
<h4>Next Gen</h4>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
- Name <br>
</div>
</div>

<div class="container">
<img src="https://i.imgur.com/2OExuxa.png">
<div style="width: 297px; height: auto; background: #191a19; margin-top: -330px; z-index: 9999; margin-left: 463px; position: absolute; font-family: 'Playfair Display'; font-size: 42px; font-weight: 100; padding: 28px; text-transform: uppercase; color: #fff; text-align: center; border: solid #873039; box-shadow: 5px 10px #3e5549;">
<span style="font-size: 17px;">Hogwarts will always be there</span><br>
to welcome you home
</div>


<div style="width: 900px; height: 149px; margin-top: 20px; background: #802932;">
<h2>Current Audition Status</h2>
<h3 style="margin-right:50px;">Current Auditions: <strong>None</strong></h3>
<h3>Next Close Date: <strong>00.00</strong></h3>

</div>


<div style="width:250px; height:250px; display:inline-block; vertical-align:top; margin-top:20px; margin-right:20px;"><img src="https://i.imgur.com/svoG1Zw.png">
<a href="#whatWeOffer" class="threeBoxes">Our Storyline</a></div>

<div style="width:250px; height:250px;display:inline-block; vertical-align:top; margin-top:20px; margin-right:20px;"><img src="https://i.imgur.com/iDSB29Y.png"><a href="#ourEditors" class="threeBoxes">Group<br>Update</a></div>

<div style="width:250px; height:250px; display:inline-block; vertical-align:top; margin-top:20px;"><img src="https://i.imgur.com/YzB9hyi.png"><a href="#ourAffiliates" class="threeBoxes">Our Affiliates</a></div>



<div style="width: 900px; height: 36px; margin-top: 20px; background: #802932; font-family: Playfair Display; color: #ffff; text-transform: uppercase; font-size: 15px; padding-top: 15px;">
This layout was developed by M at Edits by M.
</div>


</div>

<div class="creditHolder"><a href="/1631904" class="credit">credit</a></div>