body{
    width: 90%;
    margin: auto;
    background-image: url("fashion-icon.jpeg");
}

:root{
    --main-color:rgb(81, 1, 138);
    --main-bg-color:rgba(255, 192, 235, 0.8);
    --main-text-color:#111111;
    --background-odd:rgb(89, 251, 89);
    --background-even:rgb(66, 188, 254);
}
*{
    font-family:Georgia, 'Times New Roman', Times, serif;
    color: var(--main-text-color);
    padding:1em;
    margin:0;

}
main{
    background-color: var(--main-bg-color)
}

a:hover{
    color:var(--main-color);
}

h1{
    text-transform: uppercase;
}

p{
    text-indent: 2em;
    text-align: left;
}

cite{
    font-size:xx-small;
}

img{
    max-width: 100%;
}
figure{
    border-style:solid;
    float:left;
    text-align: center;
    margin:2em;
}
.rounded{
    border-radius:2em;
}
.go-right{
   float: right;
   margin-left:1em;
   margin-right:0.25em;
}
nav a:link{
    background-color:rgb(203, 203, 249);
    text-decoration: none;
}

nav a:hover{
    background-color: rgb(190, 157, 220);
    text-decoration: underline;
    color: rgb(19, 26, 160);
    
}

nav a{
    display:inline-block;
    width: 19%;
}

nav{
    border: thin solid yellow;
    background-color: white;
    text-align: center;
}
table{
    border: medium solid black;
    max-width: 80%;
    margin: auto;
    border-collapse: collapse;
}
table+p{
    padding-top:1em;
}
td, th{
    border: thin solid rgb(56,55,55);
    padding:0.3em
}
caption{
    font-weight:bold;
    font-size:1.5em;
}
tr:nth-child(even){
    background-color:var(--background-even);
}
tr:nth-child(odd){
    background-color:var(--background-odd);
}
form{
    background-color: var(--main-bg-color);
    border: thin solid black;
    clear: both;
    max-width: 30em;
    margin:auto;
    padding:1%;
}
form p{
    text-indent:0;
}
fieldset{
    padding: 1%
}
legend{
    padding:1%
}