/*
This file belongs to P1922897,Teh Huan Xi Kester
The copying of code is strictly prohibited unless authorized.
*/
/* Reset */
article, aside, figcaption, figure, footer, header, #Main, nav, section { display: block;}

address, article, aside, blockquote, body, cite, div, dl, dt, dd, em,
figcaption, figure, footer,h1,h2,h3,h4,h5,h6,header,html,img,li,main,nav,ol,p,section,span,ul {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav ul {
   list-style: none;
   list-style-image: none;
}
nav a {
   text-decoration: none;
}
/* End of reset */

/* Fonts and backgrounds */
html {
   background-image: url(images/subtle_white_feathers_@2X.png); 
}
body {
   background-color: transparent;
}
h1 {
   display: block;
   text-decoration: underline;
   font-weight: bold;
   text-align: center; display: block;
   font-size: 280%;
   font-family: 'Nova Cut', cursive;
   margin-top: 5%;
   margin-bottom: 5%;
}
#Main p {
    margin-left: 20%;
    margin-right: 20%;
    display: block;
    text-align: center;
    font-size: 180%;
    font-family: 'Raleway', sans-serif;
}
#feedback a{
   text-decoration: underline;
   font-family: 'Nova Cut', cursive;
   font-size: 180%;
   font-weight: bold;
}

/* Clock */
.row #date{
   margin-top: 7%;
}

/* Nav Bar */
#navigationbar a {
   font-family: 'Nova Cut', cursive;
   font-weight: bold;
   font-size: 135%;
   display: block;
   text-decoration: none;
   color: black;
}
#navigationbar a,
#navigationbar a:after,
#navigationbar a:before {
   transition: all .5s;
}
#navigationbar a:hover {
   color: orange;
}
#navigationbar a{
   position: relative;
}
#navigationbar a:after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   width: 0%;
   content: '.';
   color: transparent;
   background:black;
   height: 10%;
}
#navigationbar a:hover:after {
   width: 100%;
}

/* Link Animations(Inclusive of footer) */
.PageLink a:link, .PageLink a:visited,
footer a:link, footer a:visited,
#feedback a:link, #feedback a:visited {
   color: black;
}
.PageLink a:hover, .PageLink a:active,
#feedback a:hover, #feedback a:active {
   color:orange;
}

/* Social Media CSS */
.instagram-media{
   margin:0 auto !important;
}

/* Picture Sizing */
.ProfilePic img{
   margin-top: 6%;
   margin-bottom: 1%;
}

/* Form Styles */
form {
   margin-left:20%;
   margin-right:20%;
   padding-bottom: 20%;
}

/* Footer Styles */
footer {
   position:fixed;
   bottom: 0;
   width: 100%;
   font-size: 110%;
   background-color: orange;
   color: white;
   display: block;
   text-align: center;
   font-family: 'Raleway', sans-serif;
 }
 footer a:hover, footer a:active{
   color:white;
}