header,p,a,table{
    font-family:Roboto;
    font-size:20px;
}
header{
    color:lightyellow;
    text-align:center;
    background-color:orangered;
}
body{
    background-image:linear-gradient(rgb(233,181,137), lightgreen);
    background-repeat:no-repeat;
}
p{
    color:black;
    font-weight:243;
}
a{
    text-align:center;
    color:rgb(233,28,28);
}
a:hover{
    animation:;
}
.nav,.left,.right{
    font-weight:bold;
    color:lightyellow;
    text-align:center;
    font-size:25px;
    text-decoration:none;
    background-color:orangered;
    transition: background-color 1s, font-weight 1s, font-size 1s;
}

a.nav:hover{
    filter: drop-shadow(2px 2px 2px black);
    color:lightpurple;
    background-color:skyblue;
    font-weight:bolder;
    font-size:26px;
}
@keyframes large-text{
    from{
        font-size:default;
    }
    to{
        font-size:25px;
    }
}
.portfolio{
    list-style-type:circle;
}
.list{
    list-style-type:square;
}
h2,h3,li{
    font-family:Helvetica;
}
h3{
    direction:rtl;
}
li{
    font-size:20px !important;
    margin:20px;
    font-weight:bold;
}
li.favorite1{
    color:#3DA81F;
    font-size:15px;
}
li.favorite2{
    color:#2C970E;
}
li.favorite3{
    color:#1B860D;
}
li.favorite4{
    color:#0A750C;
}
li.favorite5{
    color:#09640B;
}
table{
    border-color:green;
    background-color:hsl(217,39%,79%);
    text-align:center;
    padding:10px;
    border-width:10px;
    font-weight:900;
}
th{
    font-style:italic;
}
td{
    padding:40px;
}
#cite{
    display:inline;
}
figcaption{
    
    font-size:15px;
    color:black;
    font-style:italic;
    font-family:times;
    font-weight:100;
    opacity:0.5;
}
figcaption:hover::after{
    content:"Western concert flute, Tubamirum, 2020";
    display:inline;
}    

mark{
    background-color:#4EB92F;
    filter: drop-shadow(6px 6px 6px #4EB92F);
}
img{
    height:100px;
    transition: filter 1s;
}

img.shadow-filter{
    filter: hue-rotate(180deg) brightness(90%) drop-shadow(2px 2px 2px black);
    
}
img.shadow-filter:hover {
    filter: drop-shadow(6px 6px 8px hsl(233,100%,50%));
}

nav{
    background-color:orangered;
    margin-bottom:-28px;
    margin-left:-7px;
    margin-right:-7px;
}
.quot{
    background-color:hsl(200,23%,23%);
    width:100%;
}
.video{
    background-color:rgb(128,215,179);
    text-align:center;
    margin:4em;
    border:10px double rgb(79,115,28);
}
s,span{
    color:green;
    font-style:normal;
    font-weight:300;
}
a.left{
    direction:rtl;
}
a.right{
    direction:rtl;
}
progress{
    text-align:center;
}