@import "main.css";

main {
    font-size: x-large;
    height: 120%;
}
#message {
    width: 30em;
    height: 6em;
}
#moreinfo {
    width: 50%;
    margin-top:5%;
    margin-left:30%;
}
#moreinfo span {
    color: #D81802;
    font-weight: 600;
    text-decoration: underline;
}
#question {
    position: relative;
    margin-left: -10%;
    margin-top: -20%;
    width: 15%;
    -webkit-animation-name: breadcrumb;
    -webkit-transition-timing-function: ease-in; 
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
}
@-webkit-keyframes breadcrumb {
    0%      {left: 150%; top: -100%; -webkit-transform: rotate(-10deg);}
    100%    {left: 0; top: 0; -webkit-transform: rotate(-359deg);}
}
#assignment1 {
    color: navy;
    text-decoration: underline;
}
.reference {
    font-size: smaller;
    padding-left: 5%;
    text-indent: -5%;
}