
```html
<div class="container">
  <div class="content">
    <header>
      <nav>
        <div class="logo">
          <h1>ow<span>.</span></h1>
        </div>
        <ul>
          <li><a href="#">Work</a></li>
          <li><a href="#">Story</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <div class="name">
        <h1>olivia <br /><span>watson.</span></h1>
      </div>
      <div class="description">
        I’m a visual designer from mars. Currently working as UI Designer at
        Facebook.
      </div>
      <div class="cta">
        <button class="btn">Say hello</button>
        <button class="btn-sec">
          <svg
            width="32"
            height="32"
            viewBox="0 0 32 32"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M9.2955 0H22.7046C27.8301 0 32 4.16994 32 9.2955V22.7046C32 27.8301 27.8301 32 22.7045 32H9.2955C4.16994 32 0 27.8301 0 22.7045V9.2955C0 4.16994 4.16994 0 9.2955 0ZM22.7046 29.5C26.4516 29.5 29.5 26.4516 29.5 22.7045V9.2955C29.5 5.54844 26.4516 2.5 22.7045 2.5H9.2955C5.54844 2.5 2.5 5.54844 2.5 9.2955V22.7046C2.5 26.4516 5.54844 29.5 9.2955 29.5H22.7046Z"
              fill="black"
            />
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M7.375 16C7.375 11.2441 11.2441 7.375 16 7.375C20.7559 7.375 24.625 11.2441 24.625 16C24.625 20.7559 20.7559 24.625 16 24.625C11.2441 24.625 7.375 20.7559 7.375 16ZM9.875 16C9.875 19.3773 12.6227 22.125 16 22.125C19.3773 22.125 22.125 19.3773 22.125 16C22.125 12.6227 19.3773 9.875 16 9.875C12.6227 9.875 9.875 12.6227 9.875 16Z"
              fill="black"
            />
            <path
              d="M24.75 8.5C25.4404 8.5 26 7.94036 26 7.25C26 6.55964 25.4404 6 24.75 6C24.0596 6 23.5 6.55964 23.5 7.25C23.5 7.94036 24.0596 8.5 24.75 8.5Z"
              fill="black"
            />
          </svg>
        </button>
        <button class="btn-sec">
          <svg
            width="32"
            height="32"
            viewBox="0 0 32 32"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              fill-rule="evenodd"
              clip-rule="evenodd"
              d="M16 0C7.17733 0 0 7.178 0 16C0 24.822 7.17733 32 16 32C24.8227 32 32 24.822 32 16C32 7.178 24.8227 0 16 0ZM29.3333 16C29.3333 16.1463 29.3237 16.2904 29.314 16.4346C29.3088 16.5111 29.3037 16.5877 29.3 16.6647C26.5147 16.564 23.4887 16.928 20.4213 17.7267C20.1587 16.5133 19.8307 15.296 19.434 14.092C19.2147 13.4207 18.9653 12.7567 18.704 12.0987C21.6293 10.7333 24.1373 9.03067 25.9633 7.17C28.0527 9.52467 29.3333 12.612 29.3333 16ZM17.632 9.65933C20.222 8.446 22.42 6.96267 24.004 5.362C21.772 3.678 19.0053 2.66667 16 2.66667C15.038 2.66667 14.1013 2.77467 13.196 2.96933C14.8787 4.83667 16.386 7.102 17.632 9.65933ZM10.4113 3.91067C12.218 5.692 13.8433 7.99933 15.1667 10.682C14.5093 10.9253 13.8367 11.158 13.1387 11.3687C9.65467 12.4073 6.146 12.8433 3.116 12.6267C4.13133 8.75333 6.84133 5.568 10.4113 3.91067ZM2.6897 15.4884C2.67819 15.658 2.66667 15.8277 2.66667 16C2.66667 19.6667 4.15533 22.992 6.55933 25.4047C9.06067 22.602 13.1467 20.0973 17.8607 18.4927C17.6113 17.3033 17.29 16.1073 16.9 14.9233C16.7013 14.3173 16.478 13.718 16.2433 13.1247C15.4867 13.4087 14.7113 13.6807 13.9033 13.9233C10.7547 14.8633 7.566 15.3493 4.65333 15.3493C3.98533 15.3493 3.33933 15.314 2.704 15.2627C2.6999 15.338 2.6948 15.4132 2.6897 15.4884ZM8.62133 27.096C10.742 24.7487 14.2147 22.6193 18.2987 21.1673C18.644 24.0853 18.5133 26.8567 17.928 29.178C17.2967 29.27 16.6567 29.3333 16 29.3333C13.2727 29.3333 10.736 28.5073 8.62133 27.096ZM20.8807 20.3667C21.2613 23.214 21.2367 25.9753 20.8127 28.4207C24.778 26.878 27.82 23.4967 28.8973 19.324C26.4053 19.2727 23.6333 19.634 20.8807 20.3667Z"
              fill="black"
            />
          </svg>
        </button>
      </div>
    </main>
    <footer>
      <div class="company">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          height="168px"
          width="100px"
          version="1.1"
          viewBox="0 0 559 168"
        >
          <path
            fill="#1ED760"
            d="m83.996 0.277c-46.249 0-83.743 37.493-83.743 83.742 0 46.251 37.494 83.741 83.743 83.741 46.254 0 83.744-37.49 83.744-83.741 0-46.246-37.49-83.738-83.745-83.738l0.001-0.004zm38.404 120.78c-1.5 2.46-4.72 3.24-7.18 1.73-19.662-12.01-44.414-14.73-73.564-8.07-2.809 0.64-5.609-1.12-6.249-3.93-0.643-2.81 1.11-5.61 3.926-6.25 31.9-7.288 59.263-4.15 81.337 9.34 2.46 1.51 3.24 4.72 1.73 7.18zm10.25-22.802c-1.89 3.072-5.91 4.042-8.98 2.152-22.51-13.836-56.823-17.843-83.448-9.761-3.453 1.043-7.1-0.903-8.148-4.35-1.04-3.453 0.907-7.093 4.354-8.143 30.413-9.228 68.222-4.758 94.072 11.127 3.07 1.89 4.04 5.91 2.15 8.976v-0.001zm0.88-23.744c-26.99-16.031-71.52-17.505-97.289-9.684-4.138 1.255-8.514-1.081-9.768-5.219-1.254-4.14 1.08-8.513 5.221-9.771 29.581-8.98 78.756-7.245 109.83 11.202 3.73 2.209 4.95 7.016 2.74 10.733-2.2 3.722-7.02 4.949-10.73 2.739zm94.56 3.072c-14.46-3.448-17.03-5.868-17.03-10.953 0-4.804 4.52-8.037 11.25-8.037 6.52 0 12.98 2.455 19.76 7.509 0.2 0.153 0.46 0.214 0.71 0.174 0.26-0.038 0.48-0.177 0.63-0.386l7.06-9.952c0.29-0.41 0.21-0.975-0.18-1.288-8.07-6.473-17.15-9.62-27.77-9.62-15.61 0-26.52 9.369-26.52 22.774 0 14.375 9.41 19.465 25.67 23.394 13.83 3.187 16.17 5.857 16.17 10.629 0 5.29-4.72 8.58-12.32 8.58-8.44 0-15.33-2.85-23.03-9.51-0.19-0.17-0.45-0.24-0.69-0.23-0.26 0.02-0.49 0.14-0.65 0.33l-7.92 9.42c-0.33 0.4-0.29 0.98 0.09 1.32 8.96 8 19.98 12.22 31.88 12.22 16.82 0 27.69-9.19 27.69-23.42 0.03-12.007-7.16-18.657-24.77-22.941l-0.03-0.013zm62.86-14.26c-7.29 0-13.27 2.872-18.21 8.757v-6.624c0-0.523-0.42-0.949-0.94-0.949h-12.95c-0.52 0-0.94 0.426-0.94 0.949v73.601c0 0.52 0.42 0.95 0.94 0.95h12.95c0.52 0 0.94-0.43 0.94-0.95v-23.23c4.94 5.53 10.92 8.24 18.21 8.24 13.55 0 27.27-10.43 27.27-30.369 0.02-19.943-13.7-30.376-27.26-30.376l-0.01 0.001zm12.21 30.375c0 10.149-6.25 17.239-15.21 17.239-8.85 0-15.53-7.41-15.53-17.239 0-9.83 6.68-17.238 15.53-17.238 8.81-0.001 15.21 7.247 15.21 17.237v0.001zm50.21-30.375c-17.45 0-31.12 13.436-31.12 30.592 0 16.972 13.58 30.262 30.91 30.262 17.51 0 31.22-13.39 31.22-30.479 0-17.031-13.62-30.373-31.01-30.373v-0.002zm0 47.714c-9.28 0-16.28-7.46-16.28-17.344 0-9.929 6.76-17.134 16.07-17.134 9.34 0 16.38 7.457 16.38 17.351 0 9.927-6.8 17.127-16.17 17.127zm68.27-46.53h-14.25v-14.566c0-0.522-0.42-0.948-0.94-0.948h-12.95c-0.52 0-0.95 0.426-0.95 0.948v14.566h-6.22c-0.52 0-0.94 0.426-0.94 0.949v11.127c0 0.522 0.42 0.949 0.94 0.949h6.22v28.795c0 11.63 5.79 17.53 17.22 17.53 4.64 0 8.49-0.96 12.12-3.02 0.3-0.16 0.48-0.48 0.48-0.82v-10.6c0-0.32-0.17-0.63-0.45-0.8-0.28-0.18-0.63-0.19-0.92-0.04-2.49 1.25-4.9 1.83-7.6 1.83-4.15 0-6.01-1.89-6.01-6.11v-26.76h14.25c0.52 0 0.94-0.426 0.94-0.949v-11.126c0.02-0.523-0.4-0.949-0.93-0.949l-0.01-0.006zm49.64 0.057v-1.789c0-5.263 2.02-7.61 6.54-7.61 2.7 0 4.87 0.536 7.3 1.346 0.3 0.094 0.61 0.047 0.85-0.132 0.25-0.179 0.39-0.466 0.39-0.77v-10.91c0-0.417-0.26-0.786-0.67-0.909-2.56-0.763-5.84-1.546-10.76-1.546-11.95 0-18.28 6.734-18.28 19.467v2.74h-6.22c-0.52 0-0.95 0.426-0.95 0.948v11.184c0 0.522 0.43 0.949 0.95 0.949h6.22v44.405c0 0.53 0.43 0.95 0.95 0.95h12.94c0.53 0 0.95-0.42 0.95-0.95v-44.402h12.09l18.52 44.402c-2.1 4.66-4.17 5.59-6.99 5.59-2.28 0-4.69-0.68-7.14-2.03-0.23-0.12-0.51-0.14-0.75-0.07-0.25 0.09-0.46 0.27-0.56 0.51l-4.39 9.63c-0.21 0.46-0.03 0.99 0.41 1.23 4.58 2.48 8.71 3.54 13.82 3.54 9.56 0 14.85-4.46 19.5-16.44l22.46-58.037c0.12-0.292 0.08-0.622-0.1-0.881-0.17-0.257-0.46-0.412-0.77-0.412h-13.48c-0.41 0-0.77 0.257-0.9 0.636l-13.81 39.434-15.12-39.46c-0.14-0.367-0.49-0.61-0.88-0.61h-22.12v-0.003zm-28.78-0.057h-12.95c-0.52 0-0.95 0.426-0.95 0.949v56.481c0 0.53 0.43 0.95 0.95 0.95h12.95c0.52 0 0.95-0.42 0.95-0.95v-56.477c0-0.523-0.42-0.949-0.95-0.949v-0.004zm-6.4-25.719c-5.13 0-9.29 4.152-9.29 9.281 0 5.132 4.16 9.289 9.29 9.289s9.28-4.157 9.28-9.289c0-5.128-4.16-9.281-9.28-9.281zm113.42 43.88c-5.12 0-9.11-4.115-9.11-9.112s4.04-9.159 9.16-9.159 9.11 4.114 9.11 9.107c0 4.997-4.04 9.164-9.16 9.164zm0.05-17.365c-4.67 0-8.2 3.71-8.2 8.253 0 4.541 3.51 8.201 8.15 8.201 4.67 0 8.2-3.707 8.2-8.253 0-4.541-3.51-8.201-8.15-8.201zm2.02 9.138l2.58 3.608h-2.18l-2.32-3.31h-1.99v3.31h-1.82v-9.564h4.26c2.23 0 3.69 1.137 3.69 3.051 0.01 1.568-0.9 2.526-2.21 2.905h-0.01zm-1.54-4.315h-2.37v3.025h2.37c1.18 0 1.89-0.579 1.89-1.514 0-0.984-0.71-1.511-1.89-1.511z"
          />
        </svg>
      </div>
      <div class="company">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 272 92"
          width="100"
          height="92"
        >
          <path
            fill="#808080"
            d="M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"
          />
          <path
            fill="#808080"
            d="M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"
          />
          <path
            fill="#808080"
            d="M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36z"
          />
          <path fill="#808080" d="M225 3v65h-9.5V3h9.5z" />
          <path
            fill="#808080"
            d="M262.02 54.48l7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14zm-23.27-7.98l19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93z"
          />
          <path
            fill="#808080"
            d="M35.29 41.41V32H67c.31 1.64.47 3.58.47 5.68 0 7.06-1.93 15.79-8.15 22.01-6.05 6.3-13.78 9.66-24.02 9.66C16.32 69.35.36 53.89.36 34.91.36 15.93 16.32.47 35.3.47c10.5 0 17.98 4.12 23.6 9.49l-6.64 6.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86 0-24.7 11.17-24.7 25.03 0 13.86 10.84 25.03 24.7 25.03 8.99 0 14.11-3.61 17.39-6.89 2.66-2.66 4.41-6.46 5.1-11.65l-22.49.01z"
          />
        </svg>
      </div>
      <div class="company">
        <svg
          width="100"
          height="100"
          viewBox="0 0 410 100"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            fill-rule="evenodd"
            clip-rule="evenodd"
            d="M404.98 69.2494C403.711 68.3309 402.705 68.1997 401.874 69.9492C387.615 100.785 363.602 85.3891 366.008 86.745C371.344 84.2956 385.341 73.0984 383.241 57.5711C381.973 48.0797 373.837 43.8808 365.177 45.4116C350.087 48.036 344.576 64.3069 347.375 78.697C347.856 81.1902 348.731 83.2022 349.65 85.2142C332.635 99.0794 325.856 72.836 325.068 69.6868C325.025 69.5118 338.234 58.5333 341.908 32.3337C345.757 4.90931 337.009 -0.120678 328.043 0.054278C311.466 0.360451 307.004 34.958 312.996 63.782C312.515 63.9132 310.153 65.2254 306.392 65.3566C303.68 56.8275 292.089 49.3482 289.071 52.2349C281.504 59.4519 290.908 73.5358 297.557 74.6293C293.576 99.1669 268.645 93.0872 273.281 62.3386C281.373 47.2924 287.584 24.8543 286.447 11.3389C286.053 6.57139 282.51 0.141756 274.506 0.447929C259.11 1.06028 257.448 35.6578 259.241 60.2392C259.154 59.6268 258.279 63.2134 251.98 65.0067C250.493 56.7401 237.153 48.3859 234.004 52.4099C228.143 59.8893 238.334 73.2297 243.145 74.1482C239.165 98.6858 214.234 92.606 218.87 61.8575C227.006 46.8113 233.173 24.4169 232.079 10.9016C231.686 6.134 228.143 -0.295634 220.138 0.010539C204.742 0.622885 203.08 35.2204 204.874 59.8018C204.786 59.1894 203.911 62.9073 197.35 64.6568C197.132 53.897 183.748 48.9982 180.511 52.4099C174.781 58.5333 181.823 71.0864 188.34 74.1482C184.36 98.6858 159.429 92.606 164.065 61.8575C172.157 46.8113 178.368 24.3732 177.231 10.8578C176.881 6.134 173.338 -0.295634 165.333 0.010539C149.937 0.622885 148.713 36.97 150.506 61.5513C145.432 83.2896 128.418 110.408 130.648 56.0402C130.867 52.2349 131.086 50.7915 129.205 49.3482C127.762 48.2547 124.525 48.7795 122.775 48.8233C120.632 48.9108 120.064 50.1792 119.626 52.06C118.533 56.9587 118.314 61.7263 118.139 68.2434C118.052 71.3051 117.789 72.7048 116.608 76.86C115.427 81.0152 108.779 88.5821 105.105 87.3136C100.031 85.5641 101.693 71.2614 102.655 61.4201C103.443 53.6346 100.906 50.1792 94.4325 48.9108C90.6272 48.1235 88.3091 48.2547 84.3726 46.9862C80.611 45.8053 79.78 38.7196 71.8195 41.0815C67.4456 42.3937 70.2449 51.6226 69.1951 58.4896C64.0339 92.2124 53.3179 93.1309 48.3316 76.7725C70.726 21.8363 54.7613 0.185495 45.4448 0.185495C35.7348 0.185495 24.6251 6.87756 29.3051 49.7418C27.0307 49.0857 26.3309 48.7358 23.794 48.7358C9.66632 48.6921 0 60.1517 0 74.2794C0 88.4071 9.66632 99.8667 23.8378 99.8667C32.1919 99.8667 38.0529 96.0614 42.5143 90.2004C45.4011 94.3556 48.944 99.9542 55.4173 99.6918C74.6625 98.9482 80.2611 59.4519 80.9172 57.2212C82.9729 57.5274 84.9412 58.1397 86.822 58.4459C89.9712 58.927 90.2336 60.1954 90.1461 63.3446C89.3151 90.2004 94.2576 99.6043 105.499 99.6043C111.753 99.6043 117.352 93.4371 121.201 89.0632C124.088 95.0117 128.636 99.4293 134.804 99.6043C149.675 99.9542 155.405 76.2476 154.88 79.3531C154.486 81.8025 159.691 99.4293 175.044 99.5168C194.026 99.6043 197.569 78.7408 197.963 75.2417C198.05 74.6293 198.007 74.5418 197.963 75.2417C197.963 75.2854 197.963 75.3729 197.963 75.4603C203.999 74.3231 207.104 71.1302 207.104 71.1302C207.104 71.1302 211.959 99.8667 229.849 99.5606C248.438 99.2106 251.98 80.3591 252.418 76.685C252.505 75.8977 252.462 75.8103 252.418 76.685C252.418 76.7288 252.418 76.7725 252.418 76.7725C259.591 74.1482 261.472 71.5676 261.472 71.5676C261.472 71.5676 265.321 99.7355 284.216 99.9979C301.056 100.217 307.31 82.9397 307.354 75.7228C310.197 75.7665 315.446 74.017 315.315 73.9295C315.315 73.9295 321.482 98.5546 338.715 99.823C346.807 100.435 352.886 95.2741 356.342 92.9122C364.477 99.5168 391.552 107.915 408.654 78.9157C411.103 74.8043 405.898 69.8618 404.98 69.2494ZM23.1379 90.2879C14.8713 90.2879 9.57885 82.6336 9.57885 74.4106C9.57885 66.1877 14.4339 58.5333 22.7006 58.5333C26.4184 58.5333 28.4741 58.927 31.4046 61.4639C31.9295 63.5196 33.4166 68.2872 34.1602 70.4741C35.1224 73.3609 36.3034 75.854 37.4406 78.5221C35.7348 85.4328 30.3111 90.2879 23.1379 90.2879ZM43.2579 61.6826C42.908 61.114 42.9955 61.4639 42.6018 60.939C41.1147 56.8275 38.1842 47.6423 37.8343 37.1887C37.4406 25.3792 39.4089 11.5139 45.2261 11.5139C49.1627 11.5139 53.3616 39.5944 43.2579 61.6826ZM159.647 49.3919C158.729 42.3937 158.685 11.1203 166.165 11.995C170.32 13.6571 163.54 43.1372 159.647 49.3919ZM214.452 49.3919C213.534 42.3937 213.49 11.1203 220.97 11.995C225.125 13.6571 218.345 43.1372 214.452 49.3919ZM268.82 49.8293C267.901 42.831 267.858 11.5576 275.337 12.4324C279.492 14.0508 272.713 43.5746 268.82 49.8293ZM328.83 10.1143C335.697 9.41443 335.391 39.3757 321.657 58.2709C319.863 51.4476 317.152 12.4762 328.83 10.1143ZM357.698 74.6293C355.511 63.4759 361.197 56.1714 367.058 55.3841C369.114 55.078 372.088 56.3901 372.656 58.8833C373.619 63.5633 372.525 70.5178 359.36 79.3094C359.404 79.3531 358.179 77.0787 357.698 74.6293ZM125.05 40.2504C129.73 40.2504 133.535 36.4451 133.535 31.7651C133.535 27.085 129.73 23.2797 125.05 23.2797C120.37 23.2797 116.564 27.085 116.564 31.7651C116.564 36.4451 120.37 40.2504 125.05 40.2504Z"
            fill="#444"
          />
        </svg>
      </div>
    </footer>
  </div>
  <div class="portrait"></div>
</div>
```

```css
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

:root {
  --primary: #ff4646;
}

* {
  font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-size: 16px;
  background-color: #ffffff;
}
.container {
  display: flex;
  justify-content: space-between;
}

.content {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 2rem;
  background-image: url('https://imgur.com/C13bg3W.png');
  background-repeat: no-repeat;
}

.content header nav {
  display: flex;
  align-items: center;
}

.content header nav ul {
  list-style: none;
  display: flex;
}

.content header nav ul li a {
  text-decoration: none;
  font-weight: 600;
  color: #000000;
}

.content header nav ul li {
  margin-left: 2rem;
}
.content header nav ul li a:hover {
  color: var(--primary);
}

.logo h1 {
  font-size: 50px;
}
.logo h1 span {
  color: var(--primary);
}

main {
  padding: 1rem;
  width: 350px;
}

.name h1,
.name span {
  font-size: 100px;
  line-height: 80px;
  font-family: 'Lobster';
}

.name h1 span {
  color: var(--primary);
}

.description {
  margin-top: 2rem;
}
.cta {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.cta .btn {
  padding: 0.6rem 1.3rem;
  border: none;
  outline: none;
  background: var(--primary);
  border-radius: 50px;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}

.btn-sec {
  outline: none;
  border: none;
  padding: 0.5rem;
  border-radius: 5px;
  background-color: #fff;
  margin-left: 1rem;
}
.btn-sec svg {
  height: 24px;
  width: 24px;
}
footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.company {
  margin-right: 2rem;
}
.company svg {
  height: 30px;
}
.company svg * {
  fill: #999999;
}
.portrait {
  width: 40%;
  background-image: url('https://images.pexels.com/photos/2010877/pexels-photo-2010877.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn:hover {
  box-shadow: 1px 0 50px var(--primary);
}

@media only screen and (max-width: 640px) {
  .portrait {
    visibility: hidden;
  }
  .company {
    margin-right: 1rem;
  }
  .content {
    padding: 1rem;
  }
}
```

```js

```


Single Page Profile - Olivia Watson


```html
<div class="app">
  <p>Hello</p>
</div>
```

```css
.app {
  background: red;
}
```

```js
console.log('hello');
```


Send us your design,we will code for you