h1{
    text-align:center;color:cyan;text-shadow:1px 1px white;
}
body{
    background-color:black;
}
footer{
    text-align:center;color:white;;font-size:2vw;
}
.left{
    border:3px white ridge;margin-left:9%;margin-right:9%;color:cyan;font-size:1.75vw;
}
.title{
    font-style:italic;font-size:3vw;font-family:name;-webkit-text-stroke:white 1px;
}


.Dylan{
    border:5px ridge white;width:25%;height:50%;display:inline;
}
.rect{
    width:40%;height:25%;margin:auto;border:ridge white 5px;
}
.img{
    display:block;margin-left:auto;margin-right:auto;width:25%;height:25%;
}






p{
    padding-left:10px;
    padding-right:10px;
    text-align:justify;
}



@keyframes spin{
    0%{position:relative;}
    100%{transform:rotate(360deg);}
}

.spin{
    animation:spin 3s forwards;
}

@font-face{font-family:name;src:url("https://codehs.com/uploads/b9b7d8bcc4173ca13ffdbbc63d057222");}

@keyframes page{
    from{transform:skew(180deg, 180deg)}
    to{transform:skew(0deg, 0deg)}
}
.logo1{
    height:10%;width:10%;float:right;
}

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color:black;
  text-align:center;
}
ul.breadcrumb li {
  display: inline;
  font-size:2vw;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: cyan;
  text-decoration: none;
  font-size:2vw;
}
ul.breadcrumb li a:hover {
  color: white;
  text-decoration: underline;
  font-size:2.5vw;
}