음악 사이트(transform 활용)

Noh Sinyoung·2023년 6월 16일
0
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3_노신영</title>

    <style>
        *{margin: 0; padding: 0; box-sizing: border-box;}
        .main {
            width: 1000px;
            margin-left: auto; margin-right: auto;
        }
        .top {
            display: flex;
            justify-content: space-between;
            padding: 5px;
            font-size: 10pt;
        }
        .top > div {
            display: flex;
            justify-content: space-between;
            color: rgb(153, 153, 153);
            cursor: pointer;
        }
        .top > div > div:hover {
            color: rgb(96, 96, 96);
        }
        .logo {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 650px;
            height: 50px;
        }
        .block-logo {
            height: 50px;
            cursor: pointer;
        }
        #input {
            border: 3px solid blueviolet;
            width: 280px;
            border-radius: 30px;
            height: 45px;
            padding: 10px;
        }
        button {
            width: 60px;
            border-radius: 25px;
            height: 45px;
            border: none;
            background-color: blueviolet;
            color: white;
            cursor: pointer;
        }
        button:hover {
            background-color: rgb(171, 90, 246);
        }
        button:active {
            background-color: rgb(99, 15, 177);
        }
        .menu {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 600px;
            height: 50px;
            margin-top: 10px;
            font-weight: bold;
        }
        .menu > div {
            
            text-align: center;
            height: 50px;
            align-items: center;
            cursor: pointer;
            overflow: hidden;
        }
        .menu > div:active .m-text{
            background-color:rgb(225, 225, 225) ;
        }
        .menu > div:hover .bar{
            transform: translate(0, -5px);
            opacity: 1;
        }
        .m-text {
            
            height: 50px;
            display: grid;
            align-items: center;
        }
        .bar {
            width: 100%;
            height: 5px;
            background-color: blueviolet;
            transition: 0.2s;
            opacity: 0;
        }
        .box {
            display: grid;
            grid-template-columns: repeat(2, 500px);
            grid-template-rows: 500px;
            gap: 10px;
            margin-top: 50px;
        }
        .container {
            display: grid;
            grid-template-columns: repeat(3, 150px);
            grid-template-rows: repeat(3, 150px);
            gap: 25px;
        }
        .container > div {
            overflow: hidden;
            cursor: pointer;
        }
        .container > div:hover .popup{
            transform: translate(0, -150px);
            opacity: 1;
        }
        .container > div:nth-child(7) {
            grid-column: 1/4;
        }
        .container > div:nth-child(7) > div{
            padding: 8.5px;
            border-bottom: 1px solid rgb(214, 214, 214);
            cursor: pointer;
            display: grid;
            align-items: center;
            font-weight: bold;
        }
        .container > div:nth-child(7) > div:hover{
            background-color: rgb(214, 214, 214);
        }
        .container > div:nth-child(7) > div:active{
            background-color: rgb(181, 181, 181);
        }
        .img {
            background-size: cover;
            width: 150px;
            height: 150px;
        }
        .popup {
            height: 100%;
            background-color: rgba(0, 0, 0, 0.505);
            opacity: 0;
            text-align: center;
            transition: 0.1s;
            display: grid;
            align-items: center;
        }
        .top1 {
            width: 500px;
            height: 500px;
            background-size: cover;
            background-image: url('https://webdesignledger.com/wp-content/uploads/2015/05/1-creative-music-album-covers.jpg');
            cursor: pointer;
        }
        .top1 > div {
            background-color: white;
            padding: 10px;
            margin-left: 20px;
            width: 70px;
            font-weight: bold;
            text-align: center;
        }
        .top1-popup {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.505);
            text-align: center;
            display: grid;
            align-items: center;
            transition: 0.1s;
            opacity: 0;
        }
        .TOP {
            overflow: hidden;
            cursor: pointer;
        }
        .TOP:hover .top1-popup{
            transform: translate(0, -500px);
            opacity: 1;
        }
        .footer {
            background-color: rgb(106, 106, 106);
            color: white;
            margin-top: 50px;
            padding: 10px;
        }
        .footer > div {
            width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }
        .footer > div > p {
            margin-top: 10px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="main">
        <div class="header">
            <div class="top">
                <div style="width: 90px;">
                    <div>공지사항</div>
                    <div>안내</div>
                </div>
                <div style="width:300px">
                    <div>로그인</div>
                    <div>회원가입</div>
                    <div>고객센터</div>
                    <div>language ▼</div>
                </div>
            </div>
            <div class="logo">
                <div class="block-logo"><svg id="SvgjsSvg1197" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" preserveAspectRatio="xMidYMid meet" viewBox="-3.036342661744129e-7 0 299.9999694824219 54.993892669677734" overflow="visible"><defs id="SvgjsDefs1198"><linearGradient id="SvgjsLinearGradientV2o9jTUOkt" gradientUnits="userSpaceOnUse" x1="13.666999816894542" y1="86" x2="85.66699981689455" y2="13.999999999999993"><stop id="SvgjsStop1201" stop-color="#d562fe" offset="0.05"></stop><stop id="SvgjsStop1202" stop-color="#a402de" offset="0.95"></stop></linearGradient></defs><g id="SvgjsG1199" transform="scale(0.40888869504535935)" opacity="1"><g id="SvgjsG1203" class="R9FHu2q0Zu" transform="translate(-25.529955657958986, -26.152) scale(1.868)" light-content="false" non-strokable="false" fill="url(#SvgjsLinearGradientV2o9jTUOkt)"><path d="M13.667 14v18l54 54h18V68l-54-54zm0 72h36l-36-36zm36-72l36 36V14z"></path></g><g id="SvgjsG1204" class="text" transform="translate(453.8259865722656, 63.8179984741211) scale(1)" light-content="false" fill="#a402de"><path d="M-281.79 -5.7L-282.33 0L-268.11 0L-267.51 -5.7L-271.77 -5.7L-269.19 -11.04L-255.09 -11.04L-253.77 -5.7L-257.55 -5.7L-258.15 0L-243.81 0L-243.21 -5.7L-246.81 -5.7L-256.95 -39L-268.95 -39L-269.55 -33.3L-264.03 -33.3L-278.31 -5.7ZM-260.19 -29.46L-259.83 -29.46L-256.35 -15.9L-266.79 -15.9Z M-234.99 -5.7L-235.59 0L-220.59 0L-219.99 -5.7L-224.31 -5.7L-221.43 -33.3L-217.11 -33.3L-216.51 -39L-231.51 -39L-232.11 -33.3L-227.79 -33.3L-230.67 -5.7Z M-159.69 -3.72L-157.95 -12.24L-163.23 -12.78L-164.79 -6.96C-166.91 -5.84 -169.47 -5.28 -172.47 -5.28C-180.11 -5.28 -183.93 -9.5 -183.93 -17.94C-183.93 -22.94 -182.67 -26.82 -180.15 -29.58C-177.63 -32.34 -174.33 -33.72 -170.25 -33.72C-167.01 -33.72 -164.31 -32.94 -162.15 -31.38L-161.79 -25.98L-156.33 -26.52L-156.45 -34.98C-157.61 -36.18 -159.28 -37.25 -161.46 -38.19C-163.64 -39.13 -166.33 -39.6 -169.53 -39.6C-174.41 -39.6 -178.42 -38.47 -181.56 -36.21C-184.7 -33.95 -187.02 -31.11 -188.52 -27.69C-190.02 -24.27 -190.77 -20.78 -190.77 -17.22C-190.77 -12.14 -189.29 -7.9 -186.33 -4.5C-183.37 -1.1 -179.15 0.6 -173.67 0.6C-171.11 0.6 -168.51 0.21 -165.87 -0.57C-163.23 -1.35 -161.17 -2.4 -159.69 -3.72Z M-126.33 -39.6C-130.33 -39.6 -133.94 -38.6 -137.16 -36.6C-140.38 -34.6 -142.92 -31.92 -144.78 -28.56C-146.64 -25.2 -147.57 -21.48 -147.57 -17.4C-147.57 -12.48 -146.1 -8.25 -143.16 -4.71C-140.22 -1.17 -136.01 0.6 -130.53 0.6C-126.37 0.6 -122.68 -0.42 -119.46 -2.46C-116.24 -4.5 -113.71 -7.2 -111.87 -10.56C-110.03 -13.92 -109.11 -17.6 -109.11 -21.6C-109.11 -26.56 -110.64 -30.8 -113.7 -34.32C-116.76 -37.84 -120.97 -39.6 -126.33 -39.6ZM-129.57 -5.28C-133.49 -5.28 -136.31 -6.58 -138.03 -9.18C-139.75 -11.78 -140.61 -14.72 -140.61 -18C-140.61 -22.28 -139.39 -25.97 -136.95 -29.07C-134.51 -32.17 -131.21 -33.72 -127.05 -33.72C-123.61 -33.72 -120.92 -32.59 -118.98 -30.33C-117.04 -28.07 -116.07 -25 -116.07 -21.12C-116.07 -17 -117.22 -13.33 -119.52 -10.11C-121.82 -6.89 -125.17 -5.28 -129.57 -5.28Z M-101.13 -5.7L-101.73 0L-87.51 0L-86.91 -5.7L-90.87 -5.7L-88.83 -24.84L-88.59 -24.84L-79.41 -2.76L-76.53 -2.76L-63.33 -24.36L-63.09 -24.36L-65.07 -5.7L-68.79 -5.7L-69.39 0L-54.93 0L-54.33 -5.7L-58.65 -5.7L-55.77 -33.3L-51.03 -33.3L-50.43 -39L-60.69 -39L-76.65 -12.48L-76.89 -12.48L-87.99 -39L-98.13 -39L-98.73 -33.3L-93.99 -33.3L-96.87 -5.7Z M-25.83 -5.7L-26.43 0L-11.43 0L-10.83 -5.7L-15.15 -5.7L-12.27 -33.3L-7.95 -33.3L-7.35 -39L-22.35 -39L-22.95 -33.3L-18.63 -33.3L-21.51 -5.7Z M0.09 -5.7L-0.51 0L15.21 0L15.81 -5.7L10.29 -5.7L12.51 -27L12.69 -27L30.69 0.06L34.41 0L37.89 -33.3L42.21 -33.3L42.81 -39L26.97 -39L26.37 -33.3L31.89 -33.3L29.79 -13.2L29.61 -13.2L12.33 -39L2.97 -39L2.37 -33.3L7.17 -33.3L4.29 -5.7Z M75.63 -39L75.03 -33.3L81.99 -33.3L79.59 -10.62C79.43 -9.14 78.92 -7.93 78.06 -6.99C77.2 -6.05 75.89 -5.58 74.13 -5.58C73.09 -5.58 72.13 -5.85 71.25 -6.39C70.37 -6.93 69.67 -8.06 69.15 -9.78L64.29 -6.24C64.89 -4.36 65.94 -2.75 67.44 -1.41C68.94 -0.07 71.15 0.6 74.07 0.6C77.35 0.6 80.06 -0.34 82.2 -2.22C84.34 -4.1 85.61 -6.92 86.01 -10.68L88.41 -33.3L92.13 -33.3L92.73 -39Z M120.93 -39.6C116.93 -39.6 113.32 -38.6 110.1 -36.6C106.88 -34.6 104.34 -31.92 102.48 -28.56C100.62 -25.2 99.69 -21.48 99.69 -17.4C99.69 -12.48 101.16 -8.25 104.1 -4.71C107.04 -1.17 111.25 0.6 116.73 0.6C120.89 0.6 124.58 -0.42 127.8 -2.46C131.02 -4.5 133.55 -7.2 135.39 -10.56C137.23 -13.92 138.15 -17.6 138.15 -21.6C138.15 -26.56 136.62 -30.8 133.56 -34.32C130.5 -37.84 126.29 -39.6 120.93 -39.6ZM117.69 -5.28C113.77 -5.28 110.95 -6.58 109.23 -9.18C107.51 -11.78 106.65 -14.72 106.65 -18C106.65 -22.28 107.87 -25.97 110.31 -29.07C112.75 -32.17 116.05 -33.72 120.21 -33.72C123.65 -33.72 126.34 -32.59 128.28 -30.33C130.22 -28.07 131.19 -25 131.19 -21.12C131.19 -17 130.04 -13.33 127.74 -10.11C125.44 -6.89 122.09 -5.28 117.69 -5.28Z M146.25 -5.7L145.65 0L161.37 0L161.97 -5.7L156.45 -5.7L158.67 -27L158.85 -27L176.85 0.06L180.57 0L184.05 -33.3L188.37 -33.3L188.97 -39L173.13 -39L172.53 -33.3L178.05 -33.3L175.95 -13.2L175.77 -13.2L158.49 -39L149.13 -39L148.53 -33.3L153.33 -33.3L150.45 -5.7Z M231.93 -15.3L232.53 -21L215.61 -21L214.95 -15.3L223.11 -15.3L222.93 -13.74C222.57 -11.3 221.57 -9.28 219.93 -7.68C218.29 -6.08 215.99 -5.28 213.03 -5.28C209.83 -5.28 207.28 -6.31 205.38 -8.37C203.48 -10.43 202.53 -13.58 202.53 -17.82C202.53 -22.78 203.82 -26.67 206.4 -29.49C208.98 -32.31 212.27 -33.72 216.27 -33.72C219.71 -33.72 222.51 -32.92 224.67 -31.32L225.27 -26.4L230.61 -26.94L230.43 -34.98C229.23 -36.26 227.41 -37.35 224.97 -38.25C222.53 -39.15 219.83 -39.6 216.87 -39.6C212.39 -39.6 208.56 -38.57 205.38 -36.51C202.2 -34.45 199.78 -31.73 198.12 -28.35C196.46 -24.97 195.63 -21.28 195.63 -17.28C195.63 -12.08 197.02 -7.8 199.8 -4.44C202.58 -1.08 206.41 0.6 211.29 0.6C213.85 0.6 216.1 0.14 218.04 -0.78C219.98 -1.7 221.57 -2.92 222.81 -4.44L222.99 0L228.03 0L229.59 -15.3Z M262.65 -39.6C258.65 -39.6 255.04 -38.6 251.82 -36.6C248.6 -34.6 246.06 -31.92 244.2 -28.56C242.34 -25.2 241.41 -21.48 241.41 -17.4C241.41 -12.48 242.88 -8.25 245.82 -4.71C248.76 -1.17 252.97 0.6 258.45 0.6C262.61 0.6 266.3 -0.42 269.52 -2.46C272.74 -4.5 275.27 -7.2 277.11 -10.56C278.95 -13.92 279.87 -17.6 279.87 -21.6C279.87 -26.56 278.34 -30.8 275.28 -34.32C272.22 -37.84 268.01 -39.6 262.65 -39.6ZM259.41 -5.28C255.49 -5.28 252.67 -6.58 250.95 -9.18C249.23 -11.78 248.37 -14.72 248.37 -18C248.37 -22.28 249.59 -25.97 252.03 -29.07C254.47 -32.17 257.77 -33.72 261.93 -33.72C265.37 -33.72 268.06 -32.59 270 -30.33C271.94 -28.07 272.91 -25 272.91 -21.12C272.91 -17 271.76 -13.33 269.46 -10.11C267.16 -6.89 263.81 -5.28 259.41 -5.28Z"></path></g><g id="SvgjsG1205" class="text" transform="translate(244.03600091552732, 107.12799908447266) scale(1)" light-content="false" fill="#474747"><path d="M-64.17 -0.6C-64.17 0.04 -64 0.56 -63.66 0.98C-63.32 1.39 -62.84 1.59 -62.22 1.59C-61.6 1.59 -61.12 1.37 -60.76 0.93C-60.42 0.49 -60.24 -0.02 -60.24 -0.6C-60.24 -1.14 -60.42 -1.61 -60.79 -2.01C-61.17 -2.41 -61.63 -2.61 -62.19 -2.61C-62.73 -2.61 -63.19 -2.41 -63.58 -2.01C-63.97 -1.61 -64.17 -1.14 -64.17 -0.6ZM-62.16 -5.07C-61.22 -4.85 -60.75 -4.44 -60.75 -3.84L-60.75 -3.69C-59.79 -3.35 -59.1 -2.92 -58.68 -2.41C-58.26 -1.91 -58.05 -1.27 -58.05 -0.51C-58.05 0.05 -58.16 0.55 -58.39 0.99C-58.62 1.43 -58.93 1.8 -59.31 2.1C-59.69 2.4 -60.13 2.63 -60.64 2.79C-61.15 2.95 -61.68 3.03 -62.22 3.03C-62.8 3.03 -63.34 2.95 -63.84 2.79C-64.34 2.63 -64.78 2.4 -65.17 2.1C-65.56 1.8 -65.87 1.43 -66.09 0.99C-66.31 0.55 -66.42 0.05 -66.42 -0.51C-66.42 -1.35 -66.1 -2.06 -65.47 -2.64C-64.84 -3.22 -64.05 -3.62 -63.09 -3.84C-63.37 -4.24 -63.51 -4.53 -63.51 -4.71C-63.51 -5.01 -63.29 -5.16 -62.85 -5.16C-62.67 -5.16 -62.44 -5.13 -62.16 -5.07ZM-55.02 -9.84C-54.74 -9.9 -54.48 -9.95 -54.24 -9.99C-54 -10.03 -53.77 -10.05 -53.55 -10.05C-53.01 -10.05 -52.6 -9.91 -52.32 -9.63C-52.04 -9.35 -51.9 -9.03 -51.9 -8.67C-51.9 -8.35 -52.02 -8.06 -52.26 -7.8C-52.5 -7.54 -52.86 -7.41 -53.34 -7.41C-53.62 -7.41 -54.73 -7.42 -56.65 -7.44C-58.58 -7.46 -61.37 -7.47 -65.01 -7.47C-65.23 -7.47 -65.52 -7.45 -65.89 -7.42C-66.26 -7.39 -66.7 -7.36 -67.2 -7.32C-67.84 -7.26 -68.29 -7.21 -68.53 -7.15C-68.78 -7.1 -68.95 -7.06 -69.03 -7.03C-69.11 -7 -69.16 -6.98 -69.19 -6.96C-69.22 -6.94 -69.34 -6.93 -69.54 -6.93C-69.76 -6.93 -70.04 -6.99 -70.38 -7.11C-70.72 -7.23 -71.05 -7.39 -71.37 -7.59C-71.69 -7.79 -71.96 -8.01 -72.19 -8.26C-72.43 -8.52 -72.54 -8.77 -72.54 -9.03C-72.54 -9.39 -72.19 -9.57 -71.49 -9.57C-71.29 -9.57 -70.75 -9.55 -69.87 -9.51C-68.99 -9.47 -67.7 -9.45 -66 -9.45L-63.18 -9.45L-63.18 -11.31C-63.18 -11.57 -63.27 -11.78 -63.45 -11.94C-63.63 -12.1 -63.82 -12.24 -64.03 -12.34C-64.24 -12.45 -64.44 -12.56 -64.6 -12.66C-64.77 -12.76 -64.86 -12.89 -64.86 -13.05C-64.86 -13.19 -64.77 -13.32 -64.59 -13.44C-64.41 -13.56 -64.15 -13.62 -63.81 -13.62C-63.63 -13.62 -63.38 -13.62 -63.06 -13.6C-62.74 -13.59 -62.43 -13.56 -62.13 -13.5C-61.83 -13.44 -61.57 -13.35 -61.35 -13.21C-61.13 -13.08 -61.02 -12.9 -61.02 -12.66C-61.02 -12.54 -61.05 -12.43 -61.11 -12.34C-61.17 -12.25 -61.2 -12.09 -61.2 -11.85L-61.2 -9.48C-60.04 -9.5 -59.14 -9.51 -58.5 -9.52C-57.86 -9.54 -57.47 -9.54 -57.33 -9.54C-56.53 -9.54 -55.76 -9.64 -55.02 -9.84ZM-59.01 -16.41C-58.63 -16.33 -58.26 -16.21 -57.88 -16.05C-57.52 -15.89 -57.19 -15.7 -56.91 -15.49C-56.63 -15.28 -56.41 -15.05 -56.23 -14.79C-56.06 -14.53 -55.98 -14.26 -55.98 -13.98C-55.98 -13.78 -56.04 -13.64 -56.16 -13.56C-56.28 -13.48 -56.43 -13.44 -56.61 -13.44C-56.83 -13.44 -57.05 -13.48 -57.28 -13.57C-57.52 -13.66 -57.71 -13.77 -57.87 -13.89L-62.79 -16.56C-63.77 -15.76 -65.38 -14.77 -67.62 -13.59C-67.88 -13.45 -68.11 -13.38 -68.31 -13.38C-68.45 -13.38 -68.58 -13.42 -68.7 -13.51C-68.82 -13.6 -68.88 -13.72 -68.88 -13.86C-68.88 -14.06 -68.65 -14.3 -68.19 -14.58C-67.47 -15 -66.74 -15.49 -66.01 -16.05C-65.28 -16.61 -64.61 -17.18 -63.99 -17.76C-63.37 -18.34 -62.83 -18.89 -62.37 -19.42C-61.91 -19.96 -61.59 -20.41 -61.41 -20.79L-63 -20.79C-64 -20.79 -64.63 -20.75 -64.89 -20.67C-64.89 -20.69 -65.06 -20.64 -65.4 -20.52C-65.74 -20.4 -66.09 -20.34 -66.45 -20.34C-67.27 -20.34 -67.85 -20.46 -68.2 -20.7C-68.55 -20.94 -68.83 -21.28 -69.03 -21.72C-69.01 -22.1 -68.78 -22.29 -68.34 -22.29C-68.2 -22.29 -68.04 -22.28 -67.86 -22.26C-67.68 -22.24 -67.29 -22.23 -66.69 -22.23C-66.23 -22.23 -65.65 -22.24 -64.95 -22.26C-64.25 -22.28 -63.42 -22.29 -62.46 -22.29C-62.3 -22.29 -62.1 -22.3 -61.86 -22.33L-61.14 -22.42C-60.9 -22.45 -60.68 -22.48 -60.48 -22.51C-60.28 -22.54 -60.15 -22.56 -60.09 -22.56C-59.93 -22.56 -59.75 -22.54 -59.55 -22.48C-59.35 -22.43 -59.17 -22.36 -58.99 -22.27C-58.83 -22.18 -58.69 -22.09 -58.57 -21.97C-58.47 -21.87 -58.41 -21.74 -58.41 -21.6C-58.41 -21.54 -58.47 -21.38 -58.59 -21.13C-58.71 -20.89 -58.89 -20.57 -59.14 -20.2C-59.4 -19.84 -59.73 -19.42 -60.13 -18.94C-60.54 -18.48 -61.04 -17.99 -61.62 -17.49C-60.66 -16.95 -59.79 -16.59 -59.01 -16.41Z M-33.12 -3.03C-32.54 -3.19 -32.07 -3.27 -31.71 -3.27C-31.19 -3.27 -30.78 -3.13 -30.48 -2.86C-30.18 -2.59 -30.03 -2.29 -30.03 -1.95C-30.03 -1.61 -30.19 -1.3 -30.51 -1.03C-30.83 -0.76 -31.34 -0.63 -32.04 -0.63L-36.69 -0.63C-37.81 -0.63 -38.75 -0.64 -39.51 -0.64C-40.27 -0.65 -40.88 -0.66 -41.34 -0.66C-41.68 -0.66 -42.04 -0.65 -42.42 -0.64C-42.8 -0.64 -43.36 -0.6 -44.1 -0.54C-44.72 -0.48 -45.16 -0.43 -45.4 -0.37C-45.65 -0.32 -45.82 -0.28 -45.91 -0.24C-46 -0.2 -46.06 -0.17 -46.09 -0.15C-46.12 -0.13 -46.24 -0.12 -46.44 -0.12C-46.66 -0.12 -46.94 -0.18 -47.28 -0.3C-47.62 -0.42 -47.95 -0.58 -48.27 -0.78C-48.59 -0.98 -48.86 -1.21 -49.09 -1.45C-49.33 -1.7 -49.44 -1.96 -49.44 -2.22C-49.44 -2.58 -49.09 -2.76 -48.39 -2.76C-48.17 -2.76 -47.64 -2.74 -46.78 -2.7C-45.94 -2.66 -44.76 -2.64 -43.26 -2.64L-40.68 -2.64L-40.68 -4.38C-40.68 -4.64 -40.77 -4.85 -40.95 -5.01C-41.13 -5.17 -41.32 -5.3 -41.53 -5.41C-41.74 -5.53 -41.94 -5.63 -42.12 -5.73C-42.3 -5.83 -42.39 -5.96 -42.39 -6.12C-42.39 -6.26 -42.3 -6.39 -42.12 -6.51C-41.94 -6.63 -41.68 -6.69 -41.34 -6.69C-41.16 -6.69 -40.91 -6.68 -40.59 -6.67C-40.27 -6.67 -39.96 -6.64 -39.64 -6.58C-39.33 -6.53 -39.06 -6.44 -38.83 -6.31C-38.61 -6.19 -38.49 -6 -38.49 -5.76C-38.49 -5.7 -38.49 -5.65 -38.51 -5.61C-38.52 -5.57 -38.52 -5.54 -38.52 -5.52L-38.52 -5.46C-38.54 -5.46 -38.55 -5.47 -38.55 -5.49C-38.55 -5.51 -38.56 -5.52 -38.58 -5.52C-38.6 -5.52 -38.61 -5.49 -38.62 -5.43C-38.63 -5.37 -38.64 -5.24 -38.65 -5.04C-38.66 -4.84 -38.67 -4.55 -38.68 -4.17C-38.7 -3.79 -38.7 -3.29 -38.7 -2.67C-37.74 -2.69 -36.99 -2.7 -36.45 -2.71C-35.91 -2.73 -35.57 -2.73 -35.43 -2.73C-34.41 -2.73 -33.64 -2.83 -33.12 -3.03ZM-37.65 -9.66C-36.95 -10.12 -36.2 -10.35 -35.4 -10.35C-34.84 -10.35 -34.38 -10.24 -34.02 -10.03C-33.66 -9.82 -33.48 -9.52 -33.48 -9.12C-33.48 -8.88 -33.58 -8.67 -33.76 -8.47C-33.95 -8.28 -34.25 -8.19 -34.65 -8.19C-34.69 -8.19 -34.73 -8.19 -34.77 -8.2C-34.81 -8.22 -34.85 -8.22 -34.89 -8.22L-42.6 -8.19C-43.5 -8.19 -44.19 -8.4 -44.67 -8.82C-45.15 -9.24 -45.39 -9.87 -45.39 -10.71L-45.39 -12.87C-45.81 -13.19 -46.15 -13.39 -46.39 -13.48C-46.64 -13.57 -46.77 -13.7 -46.77 -13.86C-46.77 -14.04 -46.63 -14.22 -46.36 -14.38C-46.09 -14.55 -45.69 -14.64 -45.15 -14.64C-44.69 -14.64 -44.11 -14.58 -43.41 -14.46C-39.81 -14.46 -37.53 -14.49 -36.57 -14.55L-36.42 -18.24C-38.12 -18.2 -39.43 -18.16 -40.35 -18.13C-41.27 -18.1 -41.84 -18.07 -42.06 -18.03C-42.42 -17.79 -42.84 -17.67 -43.32 -17.67C-43.74 -17.67 -44.12 -17.74 -44.47 -17.88C-44.83 -18.02 -45.13 -18.18 -45.37 -18.36C-45.62 -18.54 -45.82 -18.72 -45.94 -18.9C-46.07 -19.08 -46.14 -19.22 -46.14 -19.32C-46.14 -19.54 -45.88 -19.65 -45.36 -19.65C-45.18 -19.65 -44.77 -19.63 -44.11 -19.57C-43.46 -19.52 -42.4 -19.5 -40.92 -19.5C-39.94 -19.5 -39.18 -19.52 -38.62 -19.56C-38.07 -19.6 -37.62 -19.64 -37.26 -19.69C-36.9 -19.75 -36.58 -19.79 -36.3 -19.83C-36.02 -19.87 -35.67 -19.89 -35.25 -19.89C-34.91 -19.89 -34.6 -19.84 -34.33 -19.72C-34.06 -19.62 -33.93 -19.4 -33.93 -19.08C-33.93 -18.84 -34.01 -18.56 -34.17 -18.24C-34.21 -17.98 -34.3 -17.59 -34.42 -17.05C-34.55 -16.52 -34.75 -15.85 -35.01 -15.03C-34.53 -14.81 -34.29 -14.53 -34.29 -14.19C-34.29 -13.87 -34.39 -13.62 -34.58 -13.44C-34.76 -13.26 -35.02 -13.15 -35.34 -13.11C-35.36 -13.11 -35.56 -13.11 -35.95 -13.09C-36.34 -13.08 -36.83 -13.08 -37.39 -13.08C-37.96 -13.08 -38.58 -13.07 -39.22 -13.05C-39.87 -13.03 -40.48 -13.02 -41.05 -13.02C-41.62 -13.02 -42.1 -13.02 -42.48 -13C-42.86 -12.99 -43.06 -12.99 -43.08 -12.99L-43.08 -10.23C-43.08 -9.87 -42.89 -9.68 -42.51 -9.66Z M-22.47 -8.13C-22.15 -8.13 -21.83 -8.22 -21.52 -8.38C-21.22 -8.55 -20.95 -8.78 -20.71 -9.07C-20.49 -9.36 -20.3 -9.69 -20.16 -10.06C-20.02 -10.44 -19.95 -10.82 -19.95 -11.22C-19.95 -12.02 -20.17 -12.68 -20.62 -13.21C-21.07 -13.74 -21.68 -14.01 -22.44 -14.01C-23.18 -14.01 -23.77 -13.74 -24.22 -13.21C-24.67 -12.69 -24.9 -12.02 -24.9 -11.22C-24.9 -10.32 -24.67 -9.58 -24.19 -9C-23.72 -8.42 -23.15 -8.13 -22.47 -8.13ZM-6.6 -6.93C-6.6 -6.23 -6.67 -5.57 -6.79 -4.96C-6.92 -4.36 -7.09 -3.82 -7.29 -3.37C-7.49 -2.92 -7.71 -2.57 -7.95 -2.31C-8.19 -2.05 -8.43 -1.92 -8.67 -1.92C-8.91 -1.92 -9.11 -2.07 -9.27 -2.38C-9.43 -2.7 -9.51 -3.18 -9.51 -3.84L-9.51 -17.97C-9.51 -18.25 -9.61 -18.47 -9.79 -18.64C-9.98 -18.82 -10.19 -18.96 -10.41 -19.08C-10.63 -19.2 -10.84 -19.31 -11.02 -19.42C-11.21 -19.54 -11.31 -19.68 -11.31 -19.86C-11.31 -20.08 -11.17 -20.26 -10.89 -20.4C-10.61 -20.54 -10.26 -20.61 -9.84 -20.61C-9.58 -20.61 -9.26 -20.59 -8.88 -20.53C-8.5 -20.48 -8.14 -20.4 -7.78 -20.28C-7.43 -20.16 -7.13 -20 -6.88 -19.8C-6.64 -19.6 -6.51 -19.35 -6.51 -19.05C-6.51 -18.91 -6.54 -18.78 -6.6 -18.66ZM-11.55 -8.73C-11.55 -8.03 -11.62 -7.37 -11.74 -6.76C-11.87 -6.16 -12.04 -5.62 -12.24 -5.17C-12.44 -4.72 -12.66 -4.37 -12.9 -4.11C-13.14 -3.85 -13.37 -3.72 -13.59 -3.72C-13.83 -3.72 -14.03 -3.87 -14.19 -4.18C-14.35 -4.49 -14.43 -4.98 -14.43 -5.64L-14.43 -11.25C-14.43 -11.27 -14.45 -11.28 -14.49 -11.28C-14.57 -11.28 -14.75 -11.19 -15.03 -11.02C-15.31 -10.86 -15.61 -10.77 -15.93 -10.77C-16.01 -10.77 -16.12 -10.78 -16.27 -10.8C-16.42 -10.82 -16.59 -10.85 -16.77 -10.89C-16.95 -10.93 -17.12 -10.98 -17.28 -11.05C-17.44 -11.13 -17.57 -11.21 -17.67 -11.31C-17.67 -10.57 -17.79 -9.9 -18.04 -9.31C-18.3 -8.73 -18.64 -8.22 -19.08 -7.8C-19.52 -7.38 -20.03 -7.06 -20.61 -6.84C-21.19 -6.62 -21.81 -6.51 -22.47 -6.51C-23.11 -6.51 -23.72 -6.61 -24.3 -6.82C-24.88 -7.03 -25.39 -7.34 -25.83 -7.74C-26.27 -8.14 -26.62 -8.62 -26.89 -9.18C-27.16 -9.74 -27.3 -10.38 -27.3 -11.1C-27.3 -12.18 -26.95 -13.11 -26.25 -13.87C-25.55 -14.64 -24.65 -15.17 -23.55 -15.45C-23.91 -15.89 -24.09 -16.24 -24.09 -16.5C-24.09 -16.9 -23.81 -17.1 -23.25 -17.1C-22.39 -17.1 -21.73 -16.96 -21.28 -16.68C-20.83 -16.4 -20.61 -16.02 -20.61 -15.54C-20.61 -15.5 -20.61 -15.46 -20.62 -15.4C-20.64 -15.36 -20.64 -15.3 -20.64 -15.24C-19.28 -14.78 -18.38 -13.96 -17.94 -12.78L-14.43 -12.78L-14.43 -16.47C-14.43 -16.75 -14.52 -16.97 -14.71 -17.14C-14.9 -17.32 -15.11 -17.46 -15.33 -17.58C-15.55 -17.7 -15.75 -17.81 -15.94 -17.92C-16.14 -18.04 -16.23 -18.18 -16.23 -18.36C-16.23 -18.58 -16.09 -18.76 -15.81 -18.9C-15.53 -19.04 -15.18 -19.11 -14.76 -19.11C-14.54 -19.11 -14.25 -19.09 -13.87 -19.03C-13.5 -18.98 -13.14 -18.9 -12.78 -18.78C-12.42 -18.66 -12.11 -18.5 -11.85 -18.3C-11.59 -18.1 -11.46 -17.85 -11.46 -17.55C-11.46 -17.51 -11.48 -17.39 -11.52 -17.19Z M16.8 -8.13C16.8 -7.37 16.72 -6.67 16.56 -6.01C16.4 -5.36 16.21 -4.81 15.97 -4.35C15.74 -3.89 15.5 -3.53 15.23 -3.27C14.95 -3.01 14.7 -2.88 14.46 -2.88C14.22 -2.88 14.02 -3.03 13.86 -3.33C13.7 -3.63 13.62 -4.1 13.62 -4.74L13.62 -9.69C13.08 -9.65 12.65 -9.6 12.33 -9.54C12.01 -9.48 11.75 -9.42 11.55 -9.37C11.35 -9.33 11.19 -9.28 11.06 -9.24C10.92 -9.2 10.79 -9.18 10.65 -9.18C10.43 -9.18 10.15 -9.24 9.81 -9.36C9.47 -9.48 9.14 -9.63 8.82 -9.79C8.5 -9.96 8.22 -10.15 7.98 -10.35C7.74 -10.55 7.62 -10.73 7.62 -10.89C7.62 -11.13 7.93 -11.25 8.55 -11.25C8.79 -11.25 9.32 -11.22 10.14 -11.17C10.96 -11.13 12.12 -11.1 13.62 -11.1L13.62 -16.47C13.62 -16.75 13.52 -16.97 13.34 -17.14C13.15 -17.32 12.94 -17.46 12.72 -17.58C12.5 -17.7 12.29 -17.81 12.11 -17.92C11.92 -18.04 11.82 -18.18 11.82 -18.36C11.82 -18.58 11.96 -18.76 12.24 -18.9C12.52 -19.04 12.87 -19.11 13.29 -19.11C13.51 -19.11 13.82 -19.09 14.24 -19.03C14.65 -18.98 15.04 -18.9 15.43 -18.78C15.83 -18.66 16.16 -18.5 16.45 -18.3C16.75 -18.1 16.89 -17.84 16.89 -17.52C16.89 -17.5 16.87 -17.39 16.83 -17.19ZM3.03 -9.36C3.47 -8.88 3.96 -8.44 4.5 -8.05C5.04 -7.66 5.75 -7.17 6.63 -6.57C6.95 -6.35 7.23 -6.02 7.49 -5.59C7.74 -5.17 7.86 -4.74 7.86 -4.32C7.86 -3.94 7.8 -3.68 7.66 -3.54C7.54 -3.4 7.39 -3.33 7.23 -3.33C7.03 -3.33 6.81 -3.41 6.56 -3.57C6.3 -3.73 6.08 -3.92 5.88 -4.14L2.16 -8.19C0.56 -5.93 -0.99 -4.26 -2.49 -3.18C-2.67 -3.06 -2.82 -3 -2.94 -3C-3.08 -3 -3.21 -3.06 -3.34 -3.16C-3.47 -3.27 -3.54 -3.4 -3.54 -3.54C-3.54 -3.6 -3.42 -3.78 -3.18 -4.08C-2.94 -4.38 -2.63 -4.76 -2.25 -5.23C-1.87 -5.71 -1.46 -6.24 -1.02 -6.84C-0.58 -7.44 -0.15 -8.07 0.27 -8.73C1.75 -11.09 2.52 -12.73 2.58 -13.65C2.56 -13.97 2.45 -14.26 2.26 -14.52C2.08 -14.78 1.87 -15.01 1.63 -15.21C1.4 -15.41 1.2 -15.58 1.02 -15.72C0.84 -15.86 0.75 -15.99 0.75 -16.11C0.75 -16.35 1.04 -16.47 1.62 -16.47C1.9 -16.47 2.26 -16.43 2.7 -16.35C3.14 -16.27 3.57 -16.15 3.99 -15.97C4.41 -15.8 4.77 -15.58 5.07 -15.31C5.37 -15.04 5.52 -14.73 5.52 -14.37C5.52 -14.05 5.44 -13.68 5.28 -13.24C5.12 -12.81 4.92 -12.37 4.66 -11.92C4.41 -11.47 4.14 -11.02 3.85 -10.57C3.57 -10.12 3.29 -9.72 3.03 -9.36Z M39.57 -3.51C39.23 -2.69 38.93 -2.06 38.67 -1.62C39.01 -1.4 39.44 -1.17 39.95 -0.93C40.46 -0.69 40.95 -0.43 41.42 -0.15C41.88 0.13 42.29 0.45 42.62 0.81C42.95 1.17 43.11 1.58 43.11 2.04C43.11 2.6 42.95 2.88 42.63 2.88C42.37 2.88 42.13 2.82 41.91 2.7C41.69 2.58 41.44 2.4 41.16 2.16L37.86 -0.45C37.06 0.59 35.91 1.74 34.41 3C34.25 3.1 34.1 3.15 33.96 3.15C33.82 3.15 33.68 3.09 33.56 2.97C33.43 2.85 33.36 2.73 33.36 2.61C33.36 2.49 33.43 2.37 33.57 2.25C33.89 1.99 34.24 1.61 34.64 1.11C35.03 0.61 35.4 0.07 35.76 -0.51C36.12 -1.09 36.43 -1.67 36.69 -2.25C36.95 -2.83 37.11 -3.33 37.17 -3.75C37.15 -3.87 37.07 -4.02 36.93 -4.2C36.79 -4.38 36.65 -4.56 36.49 -4.74C36.35 -4.92 36.21 -5.09 36.08 -5.26C35.94 -5.44 35.88 -5.58 35.88 -5.7C35.88 -6 36.16 -6.15 36.72 -6.15C36.96 -6.15 37.25 -6.11 37.59 -6.03C37.93 -5.95 38.26 -5.83 38.58 -5.65C38.9 -5.48 39.17 -5.28 39.39 -5.04C39.61 -4.8 39.72 -4.52 39.72 -4.2C39.72 -4.04 39.67 -3.81 39.57 -3.51ZM45.18 -15.3C45.64 -15.3 46.19 -15.36 46.85 -15.48C47.5 -15.6 48.11 -15.66 48.69 -15.66C49.57 -15.66 50.01 -15.36 50.01 -14.76C50.01 -14.52 49.91 -14.31 49.71 -14.11C49.51 -13.92 49.21 -13.83 48.81 -13.83L45.18 -13.83L45.18 -12.03C45.18 -11.35 45.11 -10.71 44.97 -10.09C44.83 -9.48 44.65 -8.95 44.43 -8.5C44.21 -8.05 43.97 -7.69 43.71 -7.42C43.45 -7.15 43.19 -7.02 42.93 -7.02C42.31 -7.02 42 -7.66 42 -8.94L42 -19.17C42 -19.45 41.91 -19.67 41.72 -19.84C41.53 -20.02 41.32 -20.16 41.1 -20.28C40.88 -20.4 40.68 -20.51 40.49 -20.62C40.29 -20.74 40.2 -20.88 40.2 -21.06C40.2 -21.28 40.34 -21.46 40.62 -21.6C40.9 -21.74 41.25 -21.81 41.67 -21.81C41.87 -21.81 42.17 -21.79 42.59 -21.75C43 -21.71 43.4 -21.63 43.79 -21.51C44.18 -21.39 44.52 -21.23 44.82 -21.03C45.12 -20.83 45.27 -20.57 45.27 -20.25C45.27 -20.11 45.24 -19.98 45.18 -19.86ZM35.61 -17.91C35.69 -17.91 35.76 -17.92 35.82 -17.92C35.88 -17.93 35.94 -17.94 36 -17.94C36.98 -17.94 37.47 -17.65 37.47 -17.07C37.47 -16.75 37.31 -16.4 36.99 -16.02C36.91 -15.68 36.8 -15.24 36.65 -14.7C36.49 -14.16 36.33 -13.59 36.14 -12.97C35.94 -12.36 35.73 -11.75 35.51 -11.13C35.28 -10.51 35.04 -9.96 34.8 -9.46C34.56 -8.98 34.32 -8.58 34.08 -8.26C33.84 -7.95 33.61 -7.8 33.39 -7.8C33.03 -7.8 32.85 -7.99 32.85 -8.37C32.85 -8.49 32.9 -8.72 33 -9.06C33.14 -9.5 33.29 -10.05 33.47 -10.71C33.64 -11.37 33.8 -12.04 33.96 -12.73C34.12 -13.42 34.25 -14.08 34.37 -14.7C34.47 -15.32 34.54 -15.81 34.56 -16.17C33.38 -16.17 32.5 -16.15 31.92 -16.09C31.34 -16.05 30.92 -16 30.66 -15.94C30.4 -15.9 30.22 -15.85 30.12 -15.79C30.02 -15.74 29.85 -15.72 29.61 -15.72C29.33 -15.72 29.04 -15.78 28.76 -15.9C28.46 -16.02 28.2 -16.16 27.96 -16.33C27.72 -16.51 27.53 -16.69 27.38 -16.87C27.23 -17.06 27.15 -17.23 27.15 -17.37C27.15 -17.63 27.37 -17.76 27.81 -17.76C28.27 -17.76 28.76 -17.74 29.3 -17.68C29.82 -17.63 30.37 -17.61 30.93 -17.61C31.65 -17.61 32.4 -17.63 33.18 -17.68C33.96 -17.74 34.77 -17.81 35.61 -17.91Z M62.31 -1.92C62.31 -1.24 62.46 -0.67 62.76 -0.22C63.06 0.22 63.51 0.45 64.11 0.45C64.71 0.45 65.16 0.21 65.47 -0.27C65.78 -0.75 65.94 -1.3 65.94 -1.92C65.94 -2.48 65.78 -2.98 65.44 -3.43C65.11 -3.88 64.68 -4.11 64.14 -4.11C63.62 -4.11 63.18 -3.88 62.84 -3.43C62.49 -2.98 62.31 -2.48 62.31 -1.92ZM64.17 -6.45C64.71 -6.35 65.08 -6.19 65.28 -5.98C65.48 -5.77 65.58 -5.51 65.58 -5.19C66.44 -4.91 67.08 -4.48 67.5 -3.88C67.92 -3.3 68.13 -2.6 68.13 -1.8C68.13 -1.22 68.02 -0.7 67.8 -0.25C67.58 0.2 67.28 0.58 66.91 0.9C66.55 1.22 66.12 1.47 65.64 1.64C65.16 1.81 64.65 1.89 64.11 1.89C63.57 1.89 63.06 1.81 62.58 1.64C62.1 1.46 61.67 1.22 61.29 0.9C60.91 0.58 60.61 0.19 60.39 -0.27C60.17 -0.73 60.06 -1.25 60.06 -1.83C60.06 -2.67 60.36 -3.41 60.98 -4.05C61.59 -4.69 62.34 -5.12 63.24 -5.34C62.96 -5.74 62.82 -6.03 62.82 -6.21C62.82 -6.43 63.01 -6.54 63.39 -6.54C63.61 -6.54 63.87 -6.51 64.17 -6.45ZM65.88 -15.99C65.98 -15.99 66.81 -16.08 68.37 -16.26L68.37 -20.07C68.37 -20.35 68.27 -20.57 68.08 -20.74C67.9 -20.92 67.69 -21.06 67.47 -21.18C67.25 -21.3 67.04 -21.41 66.86 -21.52C66.67 -21.64 66.57 -21.78 66.57 -21.96C66.57 -22.18 66.71 -22.36 66.99 -22.5C67.27 -22.64 67.62 -22.71 68.04 -22.71C68.34 -22.71 68.69 -22.68 69.08 -22.62C69.47 -22.56 69.83 -22.47 70.17 -22.35C70.51 -22.23 70.79 -22.07 71.03 -21.88C71.26 -21.7 71.37 -21.47 71.37 -21.21C71.37 -21.07 71.34 -20.93 71.28 -20.79L71.28 -11.49C71.28 -10.79 71.21 -10.14 71.08 -9.52C70.96 -8.91 70.79 -8.38 70.59 -7.93C70.39 -7.48 70.17 -7.13 69.93 -6.87C69.69 -6.61 69.45 -6.48 69.21 -6.48C68.97 -6.48 68.77 -6.64 68.61 -6.94C68.45 -7.25 68.37 -7.74 68.37 -8.4L68.37 -14.52C68.23 -14.48 67.96 -14.44 67.55 -14.41C67.13 -14.38 66.58 -14.35 65.88 -14.31L65.88 -11.61C65.88 -11.13 65.81 -10.65 65.69 -10.18C65.56 -9.72 65.4 -9.29 65.21 -8.91C65.01 -8.53 64.8 -8.22 64.56 -7.99C64.32 -7.77 64.09 -7.65 63.87 -7.65C63.63 -7.65 63.42 -7.8 63.26 -8.1C63.09 -8.4 63 -8.88 63 -9.54L63 -18.57C63 -18.85 62.91 -19.07 62.72 -19.24C62.53 -19.42 62.32 -19.56 62.1 -19.68C61.88 -19.8 61.68 -19.91 61.49 -20.02C61.29 -20.14 61.2 -20.28 61.2 -20.46C61.2 -20.68 61.34 -20.86 61.62 -21C61.9 -21.14 62.25 -21.21 62.67 -21.21C62.97 -21.21 63.32 -21.18 63.71 -21.12C64.1 -21.06 64.46 -20.97 64.79 -20.85C65.11 -20.73 65.4 -20.58 65.63 -20.4C65.86 -20.22 65.97 -20 65.97 -19.74C65.97 -19.56 65.94 -19.4 65.88 -19.26ZM56.4 -12.84L57.48 -12L58.74 -11.07C59.82 -10.29 60.36 -9.52 60.36 -8.76C60.36 -8.2 60.19 -7.92 59.85 -7.92C59.63 -7.92 59.37 -8.02 59.09 -8.22C58.8 -8.42 58.54 -8.62 58.32 -8.82L55.59 -11.52C55.31 -11.16 54.98 -10.74 54.59 -10.26C54.2 -9.78 53.81 -9.33 53.42 -8.89C53.03 -8.46 52.65 -8.1 52.31 -7.8C51.96 -7.5 51.68 -7.35 51.48 -7.35C51.34 -7.35 51.21 -7.41 51.09 -7.53C50.97 -7.65 50.91 -7.78 50.91 -7.92C50.91 -8.02 50.97 -8.15 51.09 -8.31C51.51 -8.77 51.95 -9.33 52.41 -10C52.87 -10.68 53.3 -11.36 53.69 -12.06C54.08 -12.76 54.41 -13.44 54.68 -14.08C54.95 -14.73 55.1 -15.29 55.14 -15.75C55.12 -16.11 55.01 -16.42 54.83 -16.68C54.64 -16.94 54.44 -17.16 54.23 -17.34C54.02 -17.52 53.82 -17.68 53.66 -17.82C53.49 -17.96 53.4 -18.09 53.4 -18.21C53.4 -18.45 53.69 -18.57 54.27 -18.57C54.55 -18.57 54.91 -18.53 55.35 -18.45C55.79 -18.37 56.22 -18.25 56.64 -18.07C57.06 -17.9 57.42 -17.68 57.72 -17.41C58.02 -17.14 58.17 -16.83 58.17 -16.47C58.17 -16.23 58.11 -15.95 58.01 -15.63C57.89 -15.31 57.75 -14.98 57.57 -14.65C57.39 -14.32 57.2 -14 56.99 -13.68C56.78 -13.36 56.58 -13.08 56.4 -12.84Z"></path></g></g></svg></div>
                <input type="text" id="input" placeholder="검색어 입력">
                <button>검색</button>
            </div>
            <div class="menu">
                <div>
                    <div class="m-text">차트</div>
                    <div class="bar"></div>
                </div>
                <div>
                    <div class="m-text">라이브</div>
                    <div class="bar"></div>
                </div>
                <div>
                    <div class="m-text">최신곡</div>
                    <div class="bar"></div>
                </div>
                <div>
                    <div class="m-text">스페셜</div>
                    <div class="bar"></div>
                </div>
                <div>
                    <div class="m-text">TEEN</div>
                    <div class="bar"></div>
                </div>
                <div>
                    <div class="m-text">초이스</div>
                    <div class="bar"></div>
                </div>
            </div>
        </div>

        <hr>

        <div class="box">
            <div class="container">
                <div>
                    <div class="img" style="background-image: url('https://static-cse.canva.com/blob/1067807/1600w-fxYFTKLArdY.jpg');"></div>
                    <div class="popup">
                        <div>
                            <h4 style="color: white;">Head In The Clouds</h4>
                            <p style="color: yellow;">*****</p>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="img" style="background-image: url('https://marketplace.canva.com/EAEqlr422aw/1/0/1600w/canva-falling-modern-aesthetic-music-album-cover-KsRCFSNg4XA.jpg');"></div>
                    <div class="popup">
                        <div>
                            <h4 style="color: white;">Falling</h4>
                            <p style="color: yellow;">*****</p>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="img" style="background-image: url('https://cdn.create.vista.com/downloads/7cac6f71-10bc-4d55-9da8-10a67cb46cce_450.jpeg');"></div>
                    <div class="popup">
                        <div>
                            <h4 style="color: white;">Full Of Dreams</h4>
                            <p style="color: yellow;">*****</p>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="img" style="background-image: url('https://i1.sndcdn.com/artworks-yFKVFDYtGGZkRERY-RS8jcg-t500x500.jpg');"></div>
                    <div class="popup">
                        <div>
                            <h4 style="color: white;">Eight</h4>
                            <p style="color: yellow;">*****</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="img" style="background-image: url('https://mir-s3-cdn-cf.behance.net/project_modules/hd/c516f191023435.5e270367679f1.png');"></div>
                    <div class="popup">
                        <div>
                            <h4 style="color: white;">Divide & Collide</h4>
                            <p style="color: yellow;">*****</p>
                        </div>
                    </div>
                </div>

                <div>
                    <div class="img" style="background-image: url('https://d1csarkz8obe9u.cloudfront.net/posterpreviews/white-and-blue-rock-music-album-cover-design-template-669d6b733ca7b8e20734de8eea1e67ea_screen.jpg?ts=1561485914');"></div>
                    <div class="popup">
                        <div>
                            <h4 style="color: white;">Ocean</h4>
                            <p style="color: yellow;">*****</p>
                        </div>
                    </div>
                </div>

                <div>
                    <h2>실시간 차트</h2>

                    <div>1. never ending story</div> 
                    
                    <div>2. You</div> 
                    
                    <div>3. Rio Funk</div> 
                </div>
            </div>
            <div class="TOP" >
                <div class="top1">
                    <div style="position:relative; z-index: 10;">
                        1 TOP
                    </div>
                </div>
                <div class="top1-popup" style="position:relative; z-index: 9;">
                    <div>
                        <p style="color: white; font-size:30pt; font-weight:bold;">Get Lucky</p>
                        <p style="color: yellow; font-size:30pt; font-weight:bold;">*****</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div>
            <p>본 사이트는 상업적 목적이 아닌 개인 포트폴리오로 제작되었습니다.</p>
            <p>주소 | 서울특별시 종로구 종로58길 28</p>
            <p>전화 | 02-2237-0465</p>
            <p>학과 소개 | 교육과정 | 학과 생활 | 진로 안내 | 활동 영상</p>
            <p>Copyright (c) 종로산업정보학교 AIcomputer Department 노신영 All rights reserved</p>
        </div>
    </div>
</body>
</html>

0개의 댓글