body {
            background-image: url(../media/background-resize.webp);
            background-repeat: no-repeat;
            background-size: cover;
            background-clip: border-box;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            padding: 0;
        }

        header {
            margin: 0 auto;
            width: fit-content;
            border: 2px solid white;
            color: aliceblue;
            padding-left: 10px;
            padding-right: 10px;
            margin-top: 10px;
            font-size: larger;
            font-family: 'Courier New', Courier, monospace;
            text-align: center;
        }

        figure>img {
            width: 144px;
            height: 256px;
            border-radius: 50px;
            margin-top: 10px;
        }

        figure {
            margin: 0 auto;
            width: fit-content;
            padding: 10px;
            border-radius: 30px;
        }

        .icons>ul>li {
            color: aliceblue;
            border-radius: 10px;
            margin: 10px;
            padding: 0px;
            list-style-type: none;
            width: fit-content;
        }

        .icons>ul {
            display: flex;
            padding: 0;
        }

        .icons ul li svg {
            width: 48px;
            height: 48px;
            transition: color 0.5s ease;
        }

        .icons {
            width: fit-content;
            margin: 0 auto;
        }

        .icons ul li svg:hover {
            color: rgb(191, 183, 145);
        }

        .icons ul li a {
            color: inherit;
        }

        .work ul,
        .social ul {
            padding-left: 0;
        }

        .list .work ul li,
        .list .social ul li {
            background-color: aliceblue;
            margin: 10px;
            border-radius: 5px;
            box-shadow: 5px 6px 6px rgb(169, 164, 136);
            font-weight: bold;
            font-size: 15px;
            list-style-type: none;
            width: 100%;
            max-width: 600px;
            padding: 20px;
            height: 40px;
        }

        .list h2 {
            background-color: aliceblue;
            padding: 5px;
            margin-bottom: 5px;
            border-radius: 5px;
            box-shadow: 5px 6px 6px rgb(169, 164, 136);
            font-size: larger;
            font-style: italic;
            font-family: 'Courier New', Courier, monospace;
            text-align: center;
            min-width: 500px;
            max-width: 100%;
        }

        footer>p,
        footer>nav {
            color: aliceblue;
            text-align: center;
            border-radius: 20px;
            padding: 10px;
            margin: 10px;
            background-color: rgb(58, 75, 66);
        }

        footer {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            align-items: center;
            width: 100%;

        }

        .social>ul>li:hover,
        main>section>h2:hover,
        .work>ul>li:hover {
            transform: translateY(-2px);
            transition: 0.4s;
        }

        .list {
            display: grid;
            gap: 5px;
            justify-content: center;
            min-width: 300px;
            margin: 10px;
            padding: 0px;
        }

        section ul li a {
            text-decoration: none;
        }

        section h3 {
            color: aliceblue;
            text-align: center;
            margin: 5px;
            font-size: 30px;
            margin-top: 30px;
        }

        a:active {
            background-color: rgb(68, 95, 75);
        }

        a:visited {
            color: black;
        }

        a:link {
            color: rgb(162, 150, 132);
        }

        span {
            font-weight: bold;
            color: rgb(82, 87, 73);
        }

        .social ul li img {
            border-radius: 80px;
            margin: 0;
            width: 48px;
            height: 48px;
        }

        .social li,
        .work li {
            display: flex;
            flex-wrap: wrap;
            width: fit-content;
            justify-content: space-between;
            align-items: center;
        }

        .list ul li:first-child {
            background-color: rgb(42, 55, 38);
        }

        .list ul li:last-child {
            background-color: rgb(104, 117, 106);
        }

        .list ul li:nth-of-type(3) {
            font-family: monospace;
        }

        .list ul li:nth-child(even) {
            font-family: cursive;
        }