
:root {
--taupe-grey: #5b4b49ff;
--cotton-rose: #d5aca9ff;
--shadow-black: #1c1c1c;
--cool-horizon: #79addcff;
--cerulean: #247ba0ff;
}
body{
    background-color: var(--shadow-black);
    color: ghostwhite;
}
h1{
    margin: 15px;
    padding: 10px;
    text-align: center;
    border: dotted 3px white;
    border-radius: 15px;
}
img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
    border-radius: 50%;
    border: solid 3px white;
    border-radius: 15px;
    box-shadow: 5px 5px 5px 3px var(--cerulean);
}
a{
    color: var(--cerulean);
    font-family: Chalkboard, sans-serif;
}
img:hover{
    transform: scale(1.05);
    transition: 1s ease;
    cursor: grab;
}