Planetary
created by:HTMLobster
Custom ColorsHTMLCharacter
Copy
<!----------------------------------------------------------------
PLANETARY - Character Profile
Profile by HTMLobster (noll)
TOS:
Do not remove my credit. You may edit it, however.
You may edit code/frankenstein with others as long as their TOS allows!
Turn off WYSIWYG and turn on Code Editor.
You may not redistribute edits.
------------------------------------------------------------------>
<div class="container p-0 px-sm-3" style="max-width:600px;">
<div class="row no-gutters">
<!-- User same image URL -->
<!-- Left character image - large screen size -->
<div class="col-auto hidden-xs-down" style="height:442px; width:247px; clip-path:url(#space); background:url('https://via.placeholder.com/450.png') center; background-size:cover; position:absolute; z-index:2;">
</div>
<!-- Left character image - small screen size -->
<div class="col-12 justify-content-center hidden-sm-up mb-2">
<div style="height:442px; width:247px; clip-path:url(#space); background:url('https://via.placeholder.com/450.png') center; background-size:cover;"></div>
</div>
<!-- Main content -->
<div class="col ml-sm-5">
<div class="ml-sm-4">
<!-- Outer Border -->
<div class="rounded p-2 ml-sm-5" style="background:#421b38;">
<!-- Content background + text color -->
<div class="rounded p-2 h-100" style="background:#fbebee; color:#201130;">
<!-- Heading -->
<div class="row no-gutters">
<!-- Character name -->
<div class="ml-sm-5 col p-1 rounded-left" style="background:linear-gradient(to left,#421b38, #201130); color:#fff;">
<h1 class="pl-2 mb-0 text-center text-sm-left" style="font-variant:small-caps; font-size:2em;">Character Name</h1>
</div>
<!-- Symbol -->
<div class="col-auto p-1 rounded-right" style="background:#421b38; color:#fff;">
<h1 class="mb-0 mr-2" style="font-size:2em;"><i class="fas fa-moon-stars fa-flip-horizontal"></i></h1>
</div>
</div>
<!-- Info Content -->
<div class="pl-sm-5 ml-sm-3 mt-2" style="height:320px; overflow:auto;">
<div class="pl-sm-5 text-justify">
<!-- Tabs content -->
<div class="tab-content">
<!-- Tab One -->
<div class="tab-pane fade active show" id="One">
<!-- Names -->
<div class="row no-gutters align-items-center" style="line-height:20px;">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Nicknames
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:#d4697d;"></i>
</div>
<div class="col text-right">
names
</div>
</div>
<!-- Species -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Species
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:#d4697d;"></i>
</div>
<div class="col text-right">
species
</div>
</div>
<!-- Age -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Age
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:#d4697d;"></i>
</div>
<div class="col text-right">
__ years
</div>
</div>
<!-- Gender -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Gender
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:#d4697d;"></i>
</div>
<div class="col text-right">
gender
</div>
</div>
<!-- Pronouns -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Pronouns
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:#d4697d;"></i>
</div>
<div class="col text-right">
pronouns
</div>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid #421b38; opacity:.3;">
<!-- Traits Sliders -->
<!-- Trait 1 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Talkative
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Shy
</span>
</div>
<div class="col-12">
<div class="progress" style="background:#d5bad1;">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%; background:none; border-right:7px solid #421b38; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 2 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Adventurous
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Cautious
</span>
</div>
<div class="col-12">
<div class="progress" style="background:#d5bad1;">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%; background:none; border-right:7px solid #421b38; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 3 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Polite
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Rude
</span>
</div>
<div class="col-12">
<div class="progress" style="background:#d5bad1;">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%; background:none; border-right:7px solid #421b38; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 4 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Honest
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Dishonest
</span>
</div>
<div class="col-12">
<div class="progress" style="background:#d5bad1;">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%; background:none; border-right:7px solid #421b38; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 5 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Reliable
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Reckless
</span>
</div>
<div class="col-12">
<div class="progress" style="background:#d5bad1;">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%; background:none; border-right:7px solid #421b38; height:7px;"></div>
</div>
</div>
</div>
</div>
<!-- Tab One end -->
<!-- Tab Two -->
<div class="tab-pane fade" id="Two">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:#d4697d; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Story</span>
<span><i class="fas fa-star ml-2" style="color:#d4697d; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid #421b38; opacity:.3;">
<!-- Description -->
<div class="text-justify">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt lorem ac imperdiet varius. Suspendisse blandit posuere lacus ac maximus. In vitae suscipit justo, in interdum neque. Nulla ultrices purus tempor augue sollicitudin, vel suscipit elit iaculis. Nunc sollicitudin venenatis volutpat. Aliquam erat volutpat. Praesent vel turpis id purus semper ultricies ultrices non tortor.</p>
<p>Integer ultricies mattis felis. Quisque elementum, tortor tempor euismod iaculis, diam diam bibendum neque, ut hendrerit nunc dui sit amet orci. In a euismod dui. Aliquam ac venenatis neque. Nam eget interdum lacus. Vestibulum accumsan eu nunc eget sollicitudin. Nam malesuada, ipsum a maximus sagittis, leo mi pharetra felis, ac malesuada nisi lorem vel urna.</p>
</div>
</div>
<!-- Tab Two end -->
<!-- Tab Three -->
<div class="tab-pane fade" id="Three">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:#d4697d; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Personality</span>
<span><i class="fas fa-star ml-2" style="color:#d4697d; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid #421b38; opacity:.3;">
<!-- Description -->
<div class="text-justify">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt lorem ac imperdiet varius. Suspendisse blandit posuere lacus ac maximus. In vitae suscipit justo, in interdum neque. Nulla ultrices purus tempor augue sollicitudin, vel suscipit elit iaculis. Nunc sollicitudin venenatis volutpat. Aliquam erat volutpat. Praesent vel turpis id purus semper ultricies ultrices non tortor.</p>
<p>Integer ultricies mattis felis. Quisque elementum, tortor tempor euismod iaculis, diam diam bibendum neque, ut hendrerit nunc dui sit amet orci. In a euismod dui. Aliquam ac venenatis neque. Nam eget interdum lacus. Vestibulum accumsan eu nunc eget sollicitudin. Nam malesuada, ipsum a maximus sagittis, leo mi pharetra felis, ac malesuada nisi lorem vel urna.</p>
</div>
</div>
<!-- Tab Three end -->
<!-- Tab Four -->
<div class="tab-pane fade" id="Four">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:#d4697d; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Relationships</span>
<span><i class="fas fa-star ml-2" style="color:#d4697d; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid #421b38; opacity:.3;">
<!-- Relationship Left -->
<div class="row no-gutters">
<!-- Icon -->
<div class="col-auto bg-white" style="height:100px; width:100px; clip-path:polygon(50% 0%,70% 30%,100% 35%,77% 60%,85% 100%,50% 80%,20% 100%,28% 60%,0% 35%,35% 30%); background:url(https://via.placeholder.com/100.png) center; background-size:cover;">
</div>
<!-- Description -->
<div class="col ml-2">
<p class="m-0" style="font-variant:small-caps;font-weight:600;"><a href="CHAR_URL" style="color:#d4697d;">Name</a> — Relationship</p>
<p>Relationship info here. Can be a few sentences long. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<!-- Relationship Right -->
<div class="row no-gutters mt-2">
<!-- Description -->
<div class="col mr-2">
<p class="m-0" style="font-variant:small-caps;font-weight:600;"><a href="CHAR_URL" style="color:#d4697d;">Name</a> — Relationship</p>
<p>Relationship info here. Can be a few sentences long.</p>
</div>
<!-- Icon -->
<div class="col-auto bg-white" style="height:100px; width:100px; clip-path:polygon(50% 0%,70% 30%,100% 35%,77% 60%,85% 100%,50% 80%,20% 100%,28% 60%,0% 35%,35% 30%); background:url(https://via.placeholder.com/100.png) center; background-size:cover;">
</div>
</div>
<!-- Relationship Left -->
<div class="row no-gutters mt-2">
<!-- Icon -->
<div class="col-auto bg-white" style="height:100px; width:100px; clip-path:polygon(50% 0%,70% 30%,100% 35%,77% 60%,85% 100%,50% 80%,20% 100%,28% 60%,0% 35%,35% 30%); background:url(https://via.placeholder.com/100.png) center; background-size:cover;">
</div>
<!-- Description -->
<div class="col ml-2">
<p class="m-0" style="font-variant:small-caps;font-weight:600;"><a href="CHAR_URL" style="color:#d4697d;">Name</a> — Relationship</p>
<p>Relationship info here. Can be a few sentences long.</p>
</div>
</div>
<!-- Relationship Right -->
<div class="row no-gutters mt-2">
<!-- Description -->
<div class="col mr-2">
<p class="m-0" style="font-variant:small-caps;font-weight:600;"><a href="CHAR_URL" style="color:#d4697d;">Name</a> — Relationship</p>
<p>Relationship info here. Can be a few sentences long. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<!-- Icon -->
<div class="col-auto bg-white" style="height:100px; width:100px; clip-path:polygon(50% 0%,70% 30%,100% 35%,77% 60%,85% 100%,50% 80%,20% 100%,28% 60%,0% 35%,35% 30%); background:url(https://via.placeholder.com/100.png) center; background-size:cover;">
</div>
</div>
<!-- To add more, copy the Left or Right section depending on the placement of the icon you want. -->
</div>
<!-- Tab Four end -->
<!-- Tab Five -->
<div class="tab-pane fade" id="Five">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:#d4697d; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Preferences</span>
<span><i class="fas fa-star ml-2" style="color:#d4697d; font-size:.8em;"></i></span>
</div>
<!-- Divider-->
<hr class="my-1" style="border-top: 1px solid #421b38; opacity:.3;">
<!-- Description -->
<div class="row no-gutters text-left">
<!-- Likes -->
<ul class="col fa-ul ml-4 mb-0">
<li><span class="fa-li"><i class="fas fa-heart"></i></span> Like</li>
<li><span class="fa-li"><i class="fas fa-heart"></i></span> Like</li>
<li><span class="fa-li"><i class="fas fa-heart"></i></span> Like</li>
</ul>
<!-- Dislikes -->
<ul class="col fa-ul ml-4 mb-0">
<li><span class="fa-li"><i class="fas fa-heart-broken"></i></span> Dislike</li>
<li><span class="fa-li"><i class="fas fa-heart-broken"></i></span> Dislike</li>
<li><span class="fa-li"><i class="fas fa-heart-broken"></i></span> Dislike</li>
</ul>
</div>
<!-- Heading -->
<div class="align-items-center justify-content-center mt-2" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:#d4697d; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Design</span>
<span><i class="fas fa-star ml-2" style="color:#d4697d; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid #421b38; opacity:.3;">
<!-- Description -->
<div>
<!-- Design Notes -->
<ul class="fa-ul ml-4">
<li><span class="fa-li"><i class="fad fa-chevron-double-right"></i></span> notes</li>
<li><span class="fa-li"><i class="fad fa-chevron-double-right"></i></span> notes</li>
<li><span class="fa-li"><i class="fad fa-chevron-double-right"></i></span> notes</li>
</ul>
</div>
<!-- Color Palette - change icon colors to match character -->
<div class="row no-gutters justify-content-around">
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-180" style="font-size:1.4em; color:#211231;"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-270" style="font-size:2em; color:#351A3F;"></i>
</div>
</div>
<div class="row no-gutters justify-content-around mt-2">
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-moon" style="font-size:2.2em; color:#4E1D69;"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-90" style="font-size:1.4em; color:#DAA2D1;"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star" style="font-size:1.7em; color:#F9C4C0;"></i>
</div>
</div>
<div class="row no-gutters justify-content-around mt-2">
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star" style="font-size:1.1em; color:#e69a92;"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-270" style="font-size:1.8em; color:#D1576E;"></i>
</div>
<div class="col-3"></div>
</div>
<div class="row no-gutters mt-2">
<div class="col-2"></div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-180" style="font-size:1.7em; color:#BD3647;"></i>
</div>
<div class="col-5"></div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-90" style="font-size:1.9em; color:#882949;"></i>
</div>
</div>
</div>
<!-- Tab Five end -->
</div>
<!-- Tab Content end -->
</div>
</div>
<!-- Tab Buttons -->
<div class="ml-sm-4" style="position:relative; z-index:1;">
<ul class="nav nav-tabs row no-gutters border-0 align-items-center ml-sm-1 justify-content-around justify-content-sm-start">
<!-- Button 1 -->
<li class="col-auto nav-item mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1 active" style="color:#201130;" data-toggle="tab" href="#One">
<!-- Icon -->
<i class="fas fa-meteor" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 2 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:#201130;" data-toggle="tab" href="#Two">
<!-- Icon -->
<i class="fas fa-satellite" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 3 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:#201130;" data-toggle="tab" href="#Three">
<!-- Icon -->
<i class="fas fa-moon-stars" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 4 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:#201130;" data-toggle="tab" href="#Four">
<!-- Icon -->
<i class="fas fa-user-astronaut" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 5 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:#201130;" data-toggle="tab" href="#Five">
<!-- Icon -->
<i class="fas fa-rocket" style="font-size:2.6em;"></i>
</a>
</li>
</ul>
</div>
<!-- Tab Buttons end -->
</div>
</div>
</div>
</div>
</div>
<!-- Background Stars -->
<div>
<i class="fas fa-star fa-rotate-270 hidden-xs-down" style="font-size:4.5em; position:absolute; top:-10px; left:0px; opacity:.3; color:#ea5572;"></i>
<i class="fas fa-star fa-rotate-180 hidden-xs-down" style="font-size:2.5em; position:absolute; bottom:30px; left:50px; opacity:.5; color:#ea5572;"></i>
<i class="fas fa-star fa-rotate-90 hidden-xs-down" style="font-size:6.8em; position:absolute; top:150px; right:-80px; opacity:.7; color:#ea5572; z-index:-1;"></i>
<i class="fas fa-star fa-rotate-270 hidden-sm-up" style="font-size:4.5em; position:absolute; top:10px; left:10px; opacity:.3; color:#ea5572;"></i>
<i class="fas fa-star fa-rotate-180 hidden-sm-up" style="font-size:2.5em; position:absolute; top:400px; left:45px; opacity:.5; color:#ea5572;"></i>
<i class="fas fa-star fa-rotate-90 hidden-sm-up" style="font-size:6.8em; position:absolute; top:150px; right:-20px; opacity:.7; color:#ea5572; z-index:-1;"></i>
</div>
<!-- Make sure these icons have the same URL -->
<!-- Planet Icon - large screens -->
<div class="hidden-xs-down" style="position:absolute; bottom:-22px; right:-35px; z-index:0;">
<div style="height:116px; width:157px; clip-path:url(#planet); background:url('https://via.placeholder.com/160.png') center; background-size:cover;">
</div>
</div>
<!-- Planet Icon - small screens -->
<div class="hidden-sm-up" style="position:absolute; top:340px; right:35px; z-index:0;">
<div style="height:116px; width:157px; clip-path:url(#planet); background:url('https://via.placeholder.com/160.png') center; background-size:cover;">
</div>
</div>
<div class="ml-md-5 mt-1 text-center">
<a class="ml-md-5" href="https://toyhou.se/HTMLobster" data-toggle="tooltip" title="layout by noll"><i class="fa-solid fa-lobster"></i></a>
</div>
</div>
<!-- Clip-path stuff - !!!DO NOT DELETE/EDIT!!! -->
<svg height="0" width="0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<clipPath id="space">
<path d="M2.2,177c0-1.1,0-2.3,0-3.4c1.1-1.7,2.1-3.4,3.3-5.2c-0.1-1.2,0.7-2.2,1.5-3.2c0.3-0.4,0.7-0.7,1.1-1.1 c2.5-2.4,5-4.7,7.4-7.1c3.6-3.8,7.2-7.6,10.8-11.5c2.1-2.3,4.3-4.5,6.4-6.9c0.3-0.3,0.5-0.7,0.8-1c-0.4-0.7-0.8-1.4-1.2-2.1 c-0.5,0.2-0.9,0.4-1.3,0.7c-1.5,1-2.9,2-4.3,3c-2.9,2.1-5.7,4.2-8.6,6.4c-2,1.5-4.1,3-5.8,5c-0.1,0.2-0.3,0.3-0.4,0.4 c-0.5,0.5-1.1,0.6-1.7,0.2c-0.5-1.3-0.5-1.3,0.1-2.2c1.1-1.5,2.1-3.1,3.3-4.5c2.4-3.1,4.8-6.2,7.3-9.2c2.1-2.6,4.3-5.1,6.5-7.8 c-0.1-0.5-0.3-1.1-0.4-1.8c0.4-0.6,0.9-1.4,1.4-2.1c1.5-2,3.1-3.9,4.7-5.9c0.4-0.5,0.9-1,1-2.1c-2.9,0.9-4.9,2.8-7.1,3.8 c-1.4,0.3-1.8-1-2.8-1.5c-0.6,0.4-1.3,0.7-1.8,1.2c-0.9,0.9-1.9,1.6-3.2,1.7c-0.9,1-2,1.6-3.3,2c-0.7-1.4-0.6-1.6,0.5-2.6 c3.1-2.7,6.1-5.3,9.2-8c1.9-1.7,3.6-3.4,5.5-5.1c3-2.7,6-5.3,9-7.9c1.6-1.5,3.2-3,4.7-4.5c3.2-3.1,5.8-6.7,9.7-9.1 c0.5-0.3,0.9-0.7,1.3-1.1c3.8-3.8,8-7.2,12.1-10.7c1.6-1.3,3.1-2.7,4.6-4.1c0.2-0.2,0.2-0.5,0.3-0.7c-1.8,0.8-3.3,1.7-4.8,2.8 c-3.8,2.8-7.6,5.6-11.5,8.4c-2.5,1.8-5,3.5-7.5,5.2c-0.7,0.5-1.4,0.9-2,1.4c-2.8,2.1-5.6,4.4-8.5,6.5c-0.5,0.4-1.1,0.9-1.9,0.4 c0.5-0.9,1-1.8,1.5-2.6c1.3-2.4,3.1-4.5,5.1-6.4c3-2.9,6.1-5.6,9.1-8.5c1.2-1.1,2.1-2.5,3.3-3.6c2.8-2.7,5.6-5.4,8.4-8 c2.1-1.9,4.2-3.8,6.2-5.7c0.9-0.8,1.7-1.6,2.7-2.5c-1.4,0-2.5,0-3.9,0c-2.3,1.7-4.9,3.5-7.2,5.5c-3.3,2.9-6.9,5.3-10.5,7.8 c-0.4,0.3-0.8,0.4-1.5,0.7c0.1-0.8,0-1.3,0.2-1.7c0.4-1.1,0.9-2.1,1.4-3c0.2-0.5,0.5-0.9,0.9-1.2c1.9-1.8,3.5-3.9,5.8-5.3 c0.4-0.2,0.7-0.7,1.1-1c2.1-1.8,3.7-4.2,5.9-6c2.7-2.1,5.1-4.4,7.8-6.4c1.4-1.1,3-2,4.6-2.9c0.9-0.5,1.8-0.9,2.4-1.7 c2.1-2.4,5-3.9,7.5-5.9c0.2-0.1,0.3-0.2,0.7-0.3c0.4,0.2,0.8,0.5,1.2,0.7c0.1,1.2-0.5,1.8-1.1,2.5c-1.2,1-2,1.8-2.7,2.8 c-0.2,0.3-0.3,0.7-0.5,1c0.1,0,0.2,0.1,0.2,0.2c2-1.6,3.9-3.2,6.1-4.9c0.4,0.3,0.8,0.6,1.3,0.9c-0.3,0.5-0.4,0.9-0.6,1.2 c-0.8,1.1-1.5,2.1-2.3,3.2c-0.5,0.7-1,1.4-0.5,2.4c0.5-0.3,0.9-0.6,1.4-0.9c3.6-2.4,7-5.2,10.9-7.4c0.5-0.3,1.1-0.7,1.5-1.1 c0.9-0.8,1.8-1.4,3-1.3c0.1-0.3,0.2-0.6,0.3-0.9c3.7-0.5,6.3-2.4,8-5.6c0.3-0.6,0.8-1.1,1.4-1.5c1.5-1.2,3.1-2.3,4.7-3.4 c1.2-0.8,2.4-1.5,3.7-2.2c0.6-0.3,1.1-0.3,1.4,0.6c-0.4,0.6-0.8,1.3-1.3,2c0.1,0.1,0.1,0.1,0.2,0.2c0.9-0.5,1.7-0.9,2.7-1.5 c0.5,0,1-0.1,1.7-0.2c3.6-2.9,7.4-5.9,11.2-8.9c1.4-1.1,3-2.1,4.5-3c0.8-0.5,1.7-0.9,2.4-1.4c1.1-0.7,2.1-1.5,3.2-2.3 c0.6-0.5,1.3-0.8,1.8-1.3c1.4-1.2,3-2.3,4.7-2.9c1.1,0,3.5-1.1,3.4,0c-0.2,1.4-4.9,4.2-5.5,5.5c0.8-0.4,1.4-0.8,2.2-1.2 c0.3,0.3,0.7,0.6,1,0.8c-0.4,1.3-1.6,2.1-1.6,3.5c1.1-0.4,2-0.8,2.9-1.1c0.8,0.3,1.4,0.5,2.1,0.8c3.1-2.1,5.6-5.5,9-6.3 c1.4-0.3,2.5,0.5,3.6,0.6s2.3,0.2,3.4,0.2c1.1,0,2.8-1.3,3.5-0.2c0.3,0.5-0.4,0.9-0.6,1c-2.4,2-4.8,3.9-7.3,5.9 c-1.1,0.9-2.3,1.8-3.3,2.8c-1.5,1.6-2.9,3.3-4.2,5c-0.6,0.8-1.1,1.6-1.8,2.7c1.3-0.4,2.3-1.4,3.3-0.4c0.3,0.5,0.1,0.9-0.3,1.4 s-0.8,0.9-1,1.3c-1,1.8-2.2,3.3-3.9,4.5c-3.2,2.3-6.5,4.4-9.8,6.6c-1.1,0.8-2.1,1.6-3.1,3.2c1.4-0.6,2.4-0.7,3.4-0.1 c0.8,0.5,2.2-0.3,2.8,1.1c-0.9,1.3-1.8,2.6-2.7,3.9c-0.2,0.3-0.5,0.5-0.7,0.6c-2.9,2.3-5.9,4.6-8.9,6.9c-1.5,1.2-2.8,2.4-4.2,3.6 c0.1,0.8,0.2,1.3,0.3,2c-0.7,0.8-1.4,1.7-2.2,2.4c-2.1,1.7-4,3.6-6.2,5.1c-1.3,0.9-2.4,2-3.6,3c-0.6,0.6-1.1,1.3-1.1,2.4 c1-0.8,1.8-1.5,2.7-2.1c0.9-0.7,1.9-1.2,3-0.7c0.6,1.1,0,1.7-0.6,2.4c-1.2,1.3-2.3,2.6-3.5,3.9c-0.6,0.7-1.3,1.4-2,2 c-1.4,1.3-2.8,2.5-4.2,3.8c-0.2,0.2-0.4,0.5-0.7,0.9c2-0.4,3.6-0.8,5.1-1.1c1.4,0.3,2.5,0.7,3.1,2.2c-0.4,1-0.8,2.3-1.4,3.4 c-0.7,1.4-1.6,2.7-2.3,4.1c-0.7,1.2-1.5,2.5-1.1,3.8c0.6,1,1,1.7,1.4,2.4c0.3,0.8-0.2,1.8,0.6,2.5c0.6-0.3,1.2-0.5,1.7-0.9 c3.5-2.4,6.9-4.9,10.4-7.4c2.5-1.8,4.9-3.7,7.4-5.4c2.7-1.9,5.2-3.9,7.7-6c2.6-2.2,5.3-4.4,8-6.5c3.3-2.6,6.7-5.2,10.1-7.7 c1.9-1.4,3.8-2.8,6.3-3.2c1.1,0.2,1.7,0.8,1.9,2c-0.3,0.6-0.6,1.3-1.1,2c-2.7,3.7-6,6.6-9.2,9.8c-3,3-6.1,5.9-9.1,8.9 c-2.1,2.1-4.1,4.2-6.1,6.3c-2.8,2.9-5.6,5.7-8.3,8.7c-3.4,3.7-6.7,7.4-10,11.2c-2.1,2.3-3.4,5-5.3,7.7c1,0,1.5-0.6,2-0.9 c4.1-2.8,8-5.7,12.1-8.5c1.2-0.8,2.4-1.5,3.8-2.1c1-0.5,1.4-0.2,2,1.1c-0.5,1.1-1.7,1.7-2,3c3.2-1.3,3.4-1.3,4.4,0.8 c-1.2,1.6-2.4,3.3-3.7,5.1c0.5,0.6,0.9,1.1,1.2,1.7s0.6,1.2,0.8,1.7c-0.4,1.2-0.7,2.1-1.2,3.5c1-0.7,1.7-1.1,2.3-1.6 c3.6-3,7.3-6.1,10.9-9.1c1.1-0.9,2.1-1.8,3.6-1.9c0.5-0.1,1.3-0.5,1.5-1c0.7-1.6,2.1-2.4,3.4-3.4c3.3-2.5,6.4-5.4,10-7.6 c2.4-1.5,4.9-3,7.4-4.4c1.4-0.8,2.3-0.5,3,1.2c-0.9,1.2-1.9,2.5-3,3.7c-2.1,2.3-4.3,4.5-6.5,6.8c-0.2,0.2-0.3,0.5-0.5,0.6 c1.7-0.8,3.1-1.9,4.6-3c4.6-3.3,9.2-6.7,13.8-10c2.7-1.9,5.5-3.7,8.3-5.4c4.1-2.5,8.3-4.9,12.2-7.7c2-1.5,4.3-2.6,6.3-3.8 c1.2,0.3,2.3,0.4,3,1.2c0.2,0.7-0.1,1.1-0.5,1.4c-0.5,0.3-0.9,0.6-1.4,1c-2.9,2.5-5.7,5.1-8.5,7.6c-2.3,2-4.5,3.9-6.7,5.9 s-4.4,3.9-6.5,5.9c-3.3,3.3-6.5,6.8-9.9,10c-3.5,3.4-6.8,6.9-9.9,10.7c-2.2,2.7-4.2,5.4-6.2,8.2c-0.2,0.2-0.2,0.5-0.4,0.9 c0.3-0.1,0.5-0.1,0.6-0.2c5.3-3.8,10.5-7.7,15.8-11.5c1.7-1.2,3.6-2.3,5.4-3.4c1-0.6,2-0.6,3,0.6c-0.2,0.4-0.3,1-0.7,1.4 c-1.7,1.8-3.4,3.5-5.1,5.2c-1,1-2,1.9-3,3.4c1.7-0.7,2.7-1.6,3.8-2.3c2.3-1.4,4.6-2.8,6.9-4.2c0.6-0.3,1.2-0.4,1.8-0.6 c1.5,1.3,1.5,1.6,0.8,2.9c-0.4,0.6-0.8,1.1-1.1,1.7c-0.2,0.3-0.2,0.6-0.4,1.4c1.1-0.5,2-1,2.8-1.3c0.7-0.2,1.5-0.2,2.2-0.1 c0.6,0.1,0.9,0.6,0.9,1.4c-1,1.1-2,2.3-3,3.5c-1,1.1-2.3,2-3.1,3.6c0.5,0,0.7,0,0.9,0c1.3-0.6,2.7-1.1,3.9-1.8 c1.1-0.6,2.1-0.8,3.2-0.6c0.5,0.4,0.9,0.8,1.3,1.2c2.8-1.8,5.6-3.5,8.2-5.4c1.8-1.2,3.2-0.9,4.8,0.2c0.2,1.8,0.2,2.1-1,3.3 c-2.6,2.7-5.1,5.4-7.9,8c-2,1.9-3.6,4.1-5.3,6.3c-0.5,0.7-1,1.4-0.3,2.5c1.4-0.5,2.9-1,4.2-1.5c2.2-0.8,4.4-1.3,6.8-1.2 c1.4,0.1,2.4,0.5,3.3,2c-0.2,0.9-0.4,2-0.6,3.1c1,2,0.9,4.2,0.4,6.7c1.2-0.8,2-1.4,2.9-1.9c1.5-0.9,2.9-1.8,4.4-2.5 c1.4-0.6,2.1,0,2.2,1.7c-0.7,0.7-1.7,1.2-2.1,2.3c0.9,0,1.8,0,2.7,0c0.3,0.6,0.5,1.1,0.6,1.5c-0.9,2.3-2.6,3.9-4,5.6 c-1.3,1.5-2.7,3-3.5,4.8c-0.2,0.6-0.6,1.1-0.1,1.7c0.2,0,0.3,0,0.4,0c3.5-2.2,7-4.4,10.4-6.6c0.7-0.5,1.3-0.8,2.1-0.3 c0,0.9,0,1.8,0,2.6c-0.3,0.8-0.8,1.6-0.9,2.4c-0.2,1.6-1,3-1.7,4.3c-0.4,0.8-1,1.4-1.5,2.1c-2.4,3.4-4.8,6.8-7.3,10.2 c-1.2,1.7-2.5,3.3-3.7,4.9c-1,1.4-1.8,2.9-2.7,4.3c-1.1,1.7-2.3,3.3-3.3,5c-2,3.5-3.9,7.1-5.9,10.6c-0.5,0.9-0.9,1.8-1,3.2 c0.7-0.5,1.1-0.9,1.5-1.2c1.9-1.7,3.8-3.4,5.7-5.1c1.2-1.1,2.6-2.2,3.7-3.5c0.9-1,1.8-1.7,2.9-2.3c1.5-0.7,2.9-1.5,4.3-2.3 c0.2-0.1,0.5-0.3,0.7-0.3c1.2-0.5,1.8,0,2,1.5c-0.3,0.4-0.5,0.8-0.8,1.2c-0.3,0.5-0.8,0.8-1.1,1.3c-0.3,0.3-0.5,0.7-1.1,1.4 c1.2-0.4,2-0.7,2.7-0.9c0.6,0.5,1.1,1,1.4,1.3c1.1-0.3,1.9-0.5,3-0.7c0.7,0.8,1.4,1.7,2.1,2.4c0.7,0.8,1,1.8,0.5,2.8 c-0.5,1.2-1.1,2.4-1.8,3.5c-2.2,2.7-4.6,5.3-6.8,8c-1.8,2.4-3.5,4.8-5.1,7.4c-1.6,2.5-3,5.1-4.5,7.8c-0.9,1.5-1.7,3-2.5,4.6 c-1,1.8-1.9,3.8-3.1,5.5c-2,2.8-4.1,5.5-6.2,8.2c-0.3,0.4-0.6,0.9-0.8,1.3c0.6,0,1-0.2,1.3-0.5c2.1-1.7,4.2-3.6,6.4-5.2 c3.8-2.7,7.7-5.2,11.5-7.8c0.6-0.4,1.2-0.5,1.7,0.1s0.4,1.2,0,1.7c-0.9,1.1-1.8,2.1-2.7,3.1c-0.3,0.4-0.7,0.8-1.2,1.4 c1.1-0.3,1.9-0.5,2.6-0.6c0.5,0.5,0.9,0.8,1.3,1.2c2.4-1.3,4.7-2.6,7.1-3.9c0.3,0.3,0.6,0.5,0.7,0.8c0.2,1.2,0.3,2.4,0.4,3.6 c-1.5,1.6-2.9,2.9-4.2,4.4c-2.1,2.4-4,4.9-6.1,7.4c-0.5,0.6-1.2,1.1-1.8,1.7c-0.4,0.3-0.7,0.7-1.1,1.1c-1.4,1.5-2.7,3.1-4.1,4.7 c-1.6,1.8-3.3,3.6-5,5.4c-0.9,1-1.8,2.1-2.6,3.2c-2,2.4-3.9,4.9-5.9,7.3c-1.8,2.1-3.5,4.2-5,6.5c-0.2,0.2-0.2,0.5-0.4,1.1 c1.1-0.7,1.8-1.2,2.5-1.7c0.6-0.6,1.1-1.2,1.7-1.7c2.7-2.1,5.4-4.2,8.2-6.2c1.4-1,2.8-1.9,4.4-2.4c1.2,0.5,0.8,1.4,0.6,2.3 c2.4-1.5,4.7-2.7,6.9-4.2s4.4-3,7.1-4.1c0.3,1.4,0.7,2.7,1,4c-2.6,2.7-5.2,5.1-7.8,7.7c-2.6,2.5-5,5.3-7.3,8s-4.5,5.6-6.9,8.6 c0.6-0.2,1-0.1,1.3-0.3c2.2-1.2,4.4-2.4,6.5-3.7c2.6-1.6,5.1-3.3,7.7-4.9c0.9-0.6,2-0.9,3.1-1.4c0.6-0.3,1.2-0.3,1.8,0.2 c0.5,0.9,0.2,1.7-0.5,2.3c-1.2,1.1-2.4,2.2-3.6,3.3c-1.5,1.5-2.9,3.1-4.4,4.6c-1.1,1.2-2.3,2.3-3.4,3.5c-0.5,0.5-0.9,1-1,1.9 c0.5-0.2,0.8-0.3,1-0.4c4.1-2.3,8.2-4.6,12.2-7c0.6-0.3,1.1-0.8,1.8-0.6c0.1,0.2,0.2,0.3,0.2,0.4c0,0.3,0,0.5,0,0.8 c-0.6,1.9-1.4,3.6-2.9,5c-2.4,2.2-4.8,4.3-7.3,6.5c-1.3,1.2-2.6,2.4-3.9,3.5c-2.9,2.4-5.7,4.8-8.6,7.3c-3,2.6-6,5.3-9.1,7.8 c-3,2.4-5.7,5.1-8.4,7.8c-0.4,0.4-0.7,0.8-1,1.2c0.4,0.1,0.6,0,0.8-0.1c3.8-2.6,7.5-5.1,11.3-7.7c1.5-1.1,3.3-2,4.6-3.2 c2.4-2.2,5.6-3.1,8.2-4.8c0.2-0.1,0.3-0.2,0.5-0.2c0.8-0.2,1.5,0,1.8,0.9c-0.6,1.3-1.6,2.1-2.6,3c-2.3,2.1-4.6,4.2-6.9,6.3 c-0.3,0.3-0.5,0.6-0.6,0.9c0,0.1,0,0.2,0.1,0.3c0.4-0.1,0.8-0.2,1.2-0.3c0.9,1.1,1,1.3,0.3,2.1c-0.5,0.6-1.2,1.1-1.8,1.7 c-0.8,0.7-1.6,1.4-2.3,2.2c-0.3,0.3-0.5,0.8,0.1,1.2c2.2-0.6,4.3-1.7,6.6-2.1c0.7,0.5,0.6,1.1,0.4,1.6c-0.4,1-0.9,1.9-1.8,2.6 c-1.9,1.5-3.8,3-5.7,4.5c-0.8,0.6-1.6,1.2-2.2,2c-1.2,1.5-2.4,3.2-3.5,4.8c1,2.1,0.8,2.8-1.1,4.3c-0.3,0.3-0.7,0.6-1,0.9 c-2.4,2.4-5.1,4.4-7.7,6.5c-1.3,1-2.4,2.1-4,3.5c2.7-0.3,4.2-2.3,6.4-2.3c0.9,0.8,0.9,0.8,1.1,1.8c-0.2,0.8-1.3,1.1-1.2,2.2 c4.3-1.5,4.3-1.5,5.4-1c-0.4,1.3-1,2.6-1.9,3.5c-1.4,1.4-2.9,2.8-4.6,3.8c-1.2,0.8-2.2,1.8-3.1,2.9c-0.6,0.8-0.8,1.9-1.1,2.9 c-0.1,0.5-0.5,0.7-0.8,1c-1.6,1.4-3.1,2.9-4.7,4.3c-0.2,0.2-0.4,0.3-0.6,0.5c-3.3,2.4-6.6,4.7-9.9,7.1c-1.7,1.2-3.4,2.5-5.4,3.3 c-2.3,1-4.2,2.4-6,4.1c-3.2,2.7-6.3,5.5-9.5,8.3c-0.2,0.2-0.5,0.4-0.8,0.5c-2.4,1.5-4.8,2.9-7.2,4.3c-0.5,0.3-1,0.4-1.8,0.8 c0.4-0.8,0.7-1.3,1.1-2.1c-0.8,0.3-1.1,0.4-1.5,0.5c-1.1,0.5-2.2,1.2-3.4,1.7c-1.5,0.6-2.4,0.3-3.3-1.1c0.1-0.5,0.1-1,0.2-1.7 c-0.3,0.1-0.5,0.2-0.6,0.3c-1.7,1.4-3.3,2.8-5,4.2c-1.3,1.1-2.6,2.1-3.9,3.2c-0.7,0.6-1.5,0.8-2.5,0.6c-0.4-0.3-0.8-0.5-1.3-0.9 c-2.1,1.2-4.1,2.4-6.1,3.6c-5,3.1-10.1,6-14.9,9.4c-3.5,2.4-7.1,4.7-10.7,7c-0.4,0.2-0.8,0.5-1.1,0.8c-1,1.1-2.3,1.5-3.6,1.9 c-0.4,0.1-0.8,0.3-1.2,0.5c-0.8,0-1.5,0-2.3,0c-0.2-0.6-0.3-1.3-0.5-1.7c0.8-1,1.3-1.7,1.9-2.4c1.8-2.4,3.6-4.8,5.3-7.2 c0.2-0.2,0.3-0.4,0.5-0.6c1.4-1.6,2.7-3.2,4.1-4.8c1.1-1.2,1.8-2.6,1-4.2c0.3-0.5,0.4-0.9,0.7-1.2c1.8-2,3.5-3.9,5.3-5.8 c1.8-1.8,3.8-3.5,5.6-5.2c0.2-0.2,0.4-0.5,0.8-1c-1.6,0.2-2.4,1.7-4.1,1.3c-0.2-0.3-0.5-0.7-0.9-1.2c0.5-0.5,0.8-0.9,1.1-1.2 c1.8-1.5,3.6-2.9,5.3-4.4c4-3.5,7.6-7.4,11.3-11.2c0.3-0.3,0.5-0.6,0.7-0.9c0.8-1.2,1.6-2.4,2.4-3.6c2.1-3,4.2-5.9,6.3-8.9 c2.3-3.2,4.7-6.4,7.3-9.9c-1.5,0.4-2.6,0.7-3.7,1c-2.9,2.7-5.7,5.3-8.5,8.1c-3.5,3.5-7.5,6.5-10.7,10.2c-0.2,0.2-0.4,0.3-0.6,0.5 c-3.4,3-6.8,6.1-10.2,9.1c-1.6,1.5-3.3,2.9-4.9,4.4c-0.5,0.4-1,1-1.8,0.8c-0.6-0.8-0.5-1.5,0.2-2.2c1.9-2,3.2-4.4,4.7-6.5 s3-4.2,4.4-6.3c1.4-2.1,2.6-4.2,4.1-6.3c2-2.7,4.1-5.3,6.2-8c2.6-3.2,5-6.5,8-9.4c1.4-1.4,2.6-2.9,3.9-4.3c2-2.3,3.9-4.6,5.7-6.9 c0.3-0.3,0.5-0.7,0.9-1.3c-1.1,0.4-1.5,1-2,1.5c-0.3,0.4-0.6,0.8-0.9,1.2c-1.5,1.4-3.1,2.7-4.7,4c-0.5,0.4-1.2,0.6-1.6,0.9 c-0.9-0.3-1.3-0.7-1.3-1.5c0.3-1.1,1.5-1.7,1.7-3.1c-1.8,1-2.8,2.8-4.8,3c-0.6-0.4-1.1-0.7-1.6-1.1c-1,0-1.6,0.5-2.2,1.1 c-1.7,1.4-3.3,2.6-5,4s-3.3,2.8-5.1,4.1c-1.6,1.3-3.2,2.6-4.9,3.8c-0.8,0.6-1.7,1.1-2.8,0.8c-0.6-0.5-1.1-0.9-1.8-1.5 c-0.6,0.3-1.1,0.5-1.5,0.9c-0.9,0.8-1.8,1.5-2.7,2.3c-2.1,1.8-4.1,3.6-6.3,5.4c-0.6,0.5-1.5,0.9-2.1,1.3c-0.8-0.3-1.4-0.5-2-0.8 c-0.5,0.3-1.1,0.6-1.5,1c-1.6,1.3-3.2,2.6-4.7,4c-2.1,2-4.1,4-6,6.2c-0.7,0.8-1.4,1.4-2.6,1.5c-0.5-0.2-1-0.4-1.7-0.7 c1.3-1.9,2.5-3.7,3.7-5.4c2.9-3.9,5.9-7.7,8.9-11.6c1.9-2.5,3.8-5,5.7-7.4c2.8-3.6,5.5-7.3,8.4-10.8c2.5-3.1,5.3-6,7.8-9.1 c3.8-4.7,7.8-9.2,12-13.4c1.1-1.1,2.1-2.1,3.2-3.2c0.2-0.2,0.3-0.6,0.6-1c-0.4,0-0.6,0-0.8,0.1c-2.7,1.6-5.6,2.9-8.1,4.8 c-1.2,0.9-2.4,1.7-3.7,2.6c-1.9,1.4-3.8,2.6-5.6,4.1c-2.3,1.8-4.4,3.8-6.7,5.7c-2.4,2.1-4.9,4.1-7.3,6.2c-3,2.7-5.9,5.4-8.9,8 c-2.1,1.9-4.3,3.6-6.3,5.6c-3.2,3.3-6.7,6.3-9.8,9.8c-0.4,0.4-0.8,0.8-1.2,1.2c-0.7,0.6-1.5,0.9-2.3,0.3c-0.6-0.8-0.3-1.5,0.1-2.1 c2.1-3.5,4.4-6.8,6.9-10c2-2.5,4.2-5,6.3-7.4c0.6-0.6,1.2-1.3,1.4-2.3c-0.5-0.4-0.9-0.8-1.5-1.3c-0.9,0.8-1.7,1.6-2.6,2.4 c-1.9-0.2-3.3,1.1-4.5,2.4c-0.6,0.6-1.2,1.3-1.9,1.8c-1.7,1.4-3.4,2.7-5.2,4c-1.1,0.8-2.3,1.4-3.4,2.3c-2.1,1.7-4.1,3.5-6.2,5.1 c-1.4,1.1-3,1.8-4.3,2.9c-2.2,1.7-4.4,3.5-6.5,5.4s-4.2,3.9-6.3,5.9c-1.3,1.2-2.5,2.6-3.9,3.8c-0.8,0.8-1.7,1.5-2.8,1.7 c-1-0.9-1.2-1.7-0.3-2.7c1.2-1.5,2.5-2.9,3.6-4.5c2.4-3.2,5.3-6.2,7.9-9.2c2.9-3.4,5.6-6.9,8.5-10.2c3.8-4.3,7.6-8.5,11.5-12.6 c3.3-3.5,6.6-6.8,10-10.1c2-2,4.2-3.9,6.3-5.9c2.2-2.1,4.5-4.2,6.7-6.3c0.3-0.3,0.9-0.6,0.8-1.5c-1.2,1-2.3,1.8-3.3,2.7 c-1.4,1.2-2.7,2.5-4.1,3.5c-3.7,2.7-7.2,5.6-10.5,8.8c-1.5,1.4-3,2.7-5.2,2.3c-2.1,1.8-4.1,3.6-6.2,5.3c-0.8,0.6-1.5,1.4-2.7,1.4 c-0.2-1-0.4-2-0.6-2.9c-0.2-0.8-0.1-1.4,0.3-2.1c1.4-2.4,2.7-4.9,4.2-7.3c1.9-3,3.8-6,6.2-8.7c2.3-2.5,4.4-5.1,6.5-7.8 c0.2-0.2,0.2-0.5,0.3-0.9c-2.3,0-4.2,0.8-6,1.8c-2.7,1.5-5.3,3.2-8.1,4.6c-2,1-3.8,2.4-5.6,3.7c-1.6,1.1-2.9,2.6-4.3,3.9 c-0.5,0.5-1.1,0.9-1.6,1.3c-1.7,1.2-2.9,0.8-3.8-1.2c1.2-2.1,2.1-4.4,3.8-6.4c1.9-2.3,3.5-4.7,5.3-7.1c0.7-0.9,1.1-1.8,1-3 c-1.1-0.8-2.2-1.6-3.4-2.4c-0.6,0.4-1.1,0.8-1.7,1.2c-0.5,0.4-1,0.8-1.5,1.2c-1.2,0.9-2.4,0.9-3.6,0.2c-0.4-0.2-0.8-0.4-1.1-0.6 c-1.3,0.7-2.5,1.2-3.6,1.9c-1.9,1.2-3.8,1.2-5.7,0.3c-1.3-0.6-2.3-1.4-2.7-3c0.4-1.2,0.8-2.5,1.2-3.7c0.4-1.2,0.8-2.5,1.2-3.6 c-0.4-0.7-0.7-1.2-0.9-1.7c-0.9-0.3-1.7-0.3-2.3,0.2c-2.6,1.8-5.2,3.6-7.8,5.5c-1.8,1.4-3.6,2.9-5.4,4.3c-1,0.8-2.1,1.1-3.4,0.6 c-0.8-0.6-1.2-1.3-1.3-2.3c0-0.7-0.3-1.4-0.3-2c0-0.8,0.1-1.6,0.3-2.4c0.2-1,0.6-1.9,1-3c1.2-0.6,1.5-2.1,2.2-3.3 c0.8-1.3,1.6-2.6,2.1-4c0.5-1.3,1.5-2.4,1.3-4c-1.7-0.1-3.4-0.2-4.9-0.3c-1.2-0.8-1.5-1.8-1.2-3c0.2-0.5,0.4-1.1,0.4-1.7 c0-0.9,0.2-1.8-0.2-2.6c-1-2.4-0.8-5-0.2-7.4c0.6-2.3,1.5-4.5,2.3-6.7c0.2-0.6,0.3-1.2,0.5-1.7c-0.6-0.6-1.1-1.2-1.4-1.5 c-0.6-1.6,0.9-2.7,0.5-4.1c-2.6-0.6-2.6-0.6-3.1-2.1c1.1-3.3,2.1-6.5,3.7-9.6c1.7-3.3,3.6-6.4,5.9-9.4c0.9-1.2,1.6-2.7,2.3-4.1 c0.4-0.8,0.6-1.6,0-2.6c-3.1,1.1-5.4,3.3-7.9,5c-2.9,0-3.7-1.4-2.5-3.7c0.3-0.5,0.6-0.9,0.9-1.4c1.4-2,2.8-4,3.8-6.2 c0.2-0.5,0.5-1,0.2-1.6c-0.6-0.4-1.1-0.8-1.6-1c-0.3-2,1.1-3.3,1.2-5.3c-0.8,0.6-1.3,1-1.8,1.4c-1,0.6-2,1.3-3,1.8 c-0.8,0.4-1.6,0.4-2.1-0.5c-0.3-0.9,0.2-1.5,0.6-2.1c2.8-4.1,5.7-8.2,8.5-12.3c0.6-0.9,1.3-1.8,1.9-2.8c0.7-1.1,1.1-2.2,0.6-3.6 c-1.6-0.5-3.2,1.3-4.9-0.2c-0.2-0.7-0.4-1.6-0.6-2.5c-0.4-0.4-0.8-0.8-1.2-1.1c-0.1-0.5-0.2-1.1-0.3-1.7c-0.7,0.4-1.3,0.8-1.9,1.1 s-1.3,0.6-1.8,0.9c-1-0.6-1.1-1.4-0.9-2.1c0.5-1.3,1-2.6,1.8-3.7c1.7-2.3,3.5-4.6,5.3-6.8c2.7-3.4,5.6-6.7,8.3-10.1 c0.7-0.9,1.3-1.8,1.9-2.8c0.2-0.3,0.2-0.8,0.3-1.2c-0.4,0-0.7,0-0.9,0c-1.6,0.3-3,1.2-4.4,2c-1.6,1-3.2,1.7-5.3,1.1 c-0.9-1.2-2.1-2.1-3.8-2.3c-0.2-0.5-0.4-0.9-0.5-1.2c0.3-0.5,0.6-0.9,1-1.5C5,177.2,3.7,178.1,2.2,177z"/>
</clipPath>
</svg>
<svg height="0" width="0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<clipPath id="planet">
<path d="M30.3,62.5c-75.4,74.1,9.8,58,63.1,17.7c56.1-34.5,104-109.3,7.5-66C68-7.8,22.4,24.2,30.3,62.5L30.3,62.5z M120.4,39 c-2.2-6.4-6-12.8-10.8-17.7C132.7,12.1,137.3,21.1,120.4,39z M33.5,73.4c2.6,6.3,7,12.3,12.1,16.8C22.6,99.6,16.6,91.5,33.5,73.4z"/>
<path d="M123.2,57c2.2,36.4-38.8,50-61.7,42.3C81.7,89,106.2,72.1,123.2,57z"/>
</clipPath>
</svg>Copy
<!----------------------------------------------------------------
PLANETARY - Character Profile
Profile by HTMLobster (noll)
TOS:
Do not remove my credit. You may edit it, however.
You may edit code/frankenstein with others as long as their TOS allows!
Turn off WYSIWYG and turn on Code Editor.
Ask me if you want to redistribute edits. Must be F2U.
DOES NOT SUPPORT LEFT/RIGHT ALTERNATING ICONS IN RELATIONSHIPS.
They're all on the left right now.
------------------------------------------------------------------>
<div class="container p-0 px-sm-3" style="max-width:600px;">
<div class="row no-gutters">
<!-- User same image URL -->
<!-- Left character image - large screen size -->
<div class="col-auto hidden-xs-down" style="height:442px; width:247px; clip-path:url(#space); background:url({{u!side image URL!}}) center; background-size:cover; position:absolute; z-index:2;">
</div>
<!-- Left character image - small screen size -->
<div class="col-12 justify-content-center hidden-sm-up mb-2">
<div style="height:442px; width:247px; clip-path:url(#space); background:url({{u!side image URL!}}) center; background-size:cover;"></div>
</div>
<!-- Main content -->
<div class="col ml-sm-5">
<div class="ml-sm-4">
<!-- Outer Border -->
<div class="rounded p-2 ml-sm-5" style="background:{{c!border!}};">
<!-- Content background + text color -->
<div class="rounded p-2 h-100" style="background:{{c!background!}}; color:{{c!text!}};">
<!-- Heading -->
<div class="row no-gutters">
<!-- Character name -->
<div class="ml-sm-5 col p-1 rounded-left" style="background:linear-gradient(to left,{{c!border!}}, {{c!text!}}); color:{{c!text light!}};">
<h1 class="pl-2 mb-0 text-center text-sm-left" style="font-variant:small-caps; font-size:2em;">
{{!character name!}}
</h1>
</div>
<!-- Symbol -->
<div class="col-auto p-1 rounded-right" style="background:{{c!border!}}; color:{{c!text light!}};">
<h1 class="mb-0 mr-2" style="font-size:2em;"><i class="fas fa-moon-stars fa-flip-horizontal"></i></h1>
</div>
</div>
<!-- Info Content -->
<div class="pl-sm-5 ml-sm-3 mt-2" style="height:320px; overflow:auto;">
<div class="pl-sm-5 text-justify">
<!-- Tabs content -->
<div class="tab-content">
<!-- Tab One -->
<div class="tab-pane fade active show" id="One">
<!-- Names -->
<div class="row no-gutters align-items-center" style="line-height:20px;">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Nicknames
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:{{c!accent!}};"></i>
</div>
<div class="col text-right">
{{!nicknames!}}
</div>
</div>
<!-- Species -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Species
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:{{c!accent!}};"></i>
</div>
<div class="col text-right">
{{!species!}}
</div>
</div>
<!-- Age -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Age
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:{{c!accent!}};"></i>
</div>
<div class="col text-right">
{{!age!}}
</div>
</div>
<!-- Gender -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Gender
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:{{c!accent!}};"></i>
</div>
<div class="col text-right">
{{!gender!}}
</div>
</div>
<!-- Pronouns -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Pronouns
</span>
</div>
<div class="col-auto">
<i class="fas fa-star" style="font-size:.7em; color:{{c!accent!}};"></i>
</div>
<div class="col text-right">
{{!pronouns!}}
</div>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid {{c!border!}}; opacity:.3;">
<!-- Traits Sliders -->
<!-- Trait 1 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Talkative
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Shy
</span>
</div>
<div class="col-12">
<div class="progress" style="background:{{c!progress bar!}};">
<div class="progress-bar" role="progressbar" aria-valuenow="{{n!talkative or shy!}}" aria-valuemin="0" aria-valuemax="100" style="width:{{n!talkative or shy!}}%; background:none; border-right:7px solid {{c!border!}}; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 2 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Adventurous
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Cautious
</span>
</div>
<div class="col-12">
<div class="progress" style="background:{{c!progress bar!}};">
<div class="progress-bar" role="progressbar" aria-valuenow="{{n!adventurous or cautious!}}" aria-valuemin="0" aria-valuemax="100" style="width:{{n!adventurous or cautious!}}%; background:none; border-right:7px solid {{c!border!}}; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 3 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Polite
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Rude
</span>
</div>
<div class="col-12">
<div class="progress" style="background:{{c!progress bar!}};">
<div class="progress-bar" role="progressbar" aria-valuenow="{{n!polite or rude!}}" aria-valuemin="0" aria-valuemax="100" style="width:{{n!polite or rude!}}%; background:none; border-right:7px solid {{c!border!}}; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 4 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Honest
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Dishonest
</span>
</div>
<div class="col-12">
<div class="progress" style="background:{{c!progress bar!}};">
<div class="progress-bar" role="progressbar" aria-valuenow="{{n!honest or dishonest!}}" aria-valuemin="0" aria-valuemax="100" style="width:{{n!honest or dishonest!}}%; background:none; border-right:7px solid {{c!border!}}; height:7px;"></div>
</div>
</div>
</div>
<!-- Trait 5 -->
<div class="row no-gutters align-items-center">
<div class="col">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Reliable
</span>
</div>
<div class="col text-right">
<span style="font-variant:small-caps; font-size:1.3em; font-weight:600;">
Reckless
</span>
</div>
<div class="col-12">
<div class="progress" style="background:{{c!progress bar!}};">
<div class="progress-bar" role="progressbar" aria-valuenow="{{n!reliable or reckless!}}" aria-valuemin="0" aria-valuemax="100" style="width:{{n!reliable or reckless!}}%; background:none; border-right:7px solid {{c!border!}}; height:7px;"></div>
</div>
</div>
</div>
</div>
<!-- Tab One end -->
<!-- Tab Two -->
<div class="tab-pane fade" id="Two">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Story</span>
<span><i class="fas fa-star ml-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid {{c!border!}}; opacity:.3;">
<!-- Description -->
<div class="text-justify">
{{%story%
<p>{{l%paragraph%}}</p>
%end%}}
</div>
</div>
<!-- Tab Two end -->
<!-- Tab Three -->
<div class="tab-pane fade" id="Three">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Personality</span>
<span><i class="fas fa-star ml-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid {{c!border!}}; opacity:.3;">
<!-- Description -->
<div class="text-justify">
{{%personality%
<p>{{l%paragraph%}}</p>
%end%}}
</div>
</div>
<!-- Tab Three end -->
<!-- Tab Four -->
<div class="tab-pane fade" id="Four">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Relationships</span>
<span><i class="fas fa-star ml-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="mt-1 mb-0" style="border-top: 1px solid {{c!border!}}; opacity:.3;">
<!-- Relationship -->
{{%relationship%
<div class="row no-gutters mt-2">
<!-- Icon -->
<div class="col-auto bg-white" style="height:100px; width:100px; clip-path:polygon(50% 0%,70% 30%,100% 35%,77% 60%,85% 100%,50% 80%,20% 100%,28% 60%,0% 35%,35% 30%); background:url({{%relationship icon URL%}}) center; background-size:cover;">
</div>
<!-- Description -->
<div class="col ml-2">
<p class="m-0" style="font-variant:small-caps;font-weight:600;"><a href="{{u%character link%}}" style="color:{{c!accent!}};">{{%character name%}}</a> — {{%relationship type%}}</p>
<p>{{l%description%}}</p>
</div>
</div>
%end%}}
</div>
<!-- Tab Four end -->
<!-- Tab Five -->
<div class="tab-pane fade" id="Five">
<!-- Heading -->
<div class="align-items-center justify-content-center" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Preferences</span>
<span><i class="fas fa-star ml-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
</div>
<!-- Divider-->
<hr class="my-1" style="border-top: 1px solid {{c!border!}}; opacity:.3;">
<!-- Description -->
<div class="row no-gutters text-left">
<!-- Likes -->
<ul class="col fa-ul ml-4 mb-0">
{{%likes%
<li><span class="fa-li"><i class="fas fa-heart"></i></span> {{%like%}}</li>
%end%}}
</ul>
<!-- Dislikes -->
<ul class="col fa-ul ml-4 mb-0">
{{%dislikes%
<li><span class="fa-li"><i class="fas fa-heart-broken"></i></span> {{%dislike%}}</li>
%end%}}
</ul>
</div>
<!-- Heading -->
<div class="align-items-center justify-content-center mt-2" style="line-height:20px;">
<span><i class="fas fa-star mr-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
<span style="font-variant:small-caps;font-weight:600; font-size:1.5em;">Design</span>
<span><i class="fas fa-star ml-2" style="color:{{c!accent!}}; font-size:.8em;"></i></span>
</div>
<!-- Divider -->
<hr class="my-1" style="border-top: 1px solid {{c!border!}}; opacity:.3;">
<!-- Description -->
<div>
<!-- Design Notes -->
<ul class="fa-ul ml-4">
{{%design notes%
<li><span class="fa-li"><i class="fad fa-chevron-double-right"></i></span> {{%note%}}</li>
%end%}}
</ul>
</div>
<!-- Color Palette - change icon colors to match character -->
<div class="row no-gutters justify-content-around">
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-180" style="font-size:1.4em; color:{{c!palette 1!}};"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-270" style="font-size:2em; color:{{c!palette 2!}};"></i>
</div>
</div>
<div class="row no-gutters justify-content-around mt-2">
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-moon" style="font-size:2.2em; color:{{c!palette 3!}};"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-90" style="font-size:1.4em; color:{{c!palette 4!}};"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star" style="font-size:1.7em; color:{{c!palette 5!}};"></i>
</div>
</div>
<div class="row no-gutters justify-content-around mt-2">
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star" style="font-size:1.1em; color:{{c!palette 6!}};"></i>
</div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-270" style="font-size:1.8em; color:{{c!palette 7!}};"></i>
</div>
<div class="col-3"></div>
</div>
<div class="row no-gutters mt-2">
<div class="col-2"></div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-180" style="font-size:1.7em; color:{{c!palette 8!}};"></i>
</div>
<div class="col-5"></div>
<!-- Icon -->
<div class="col-auto">
<i class="fas fa-star fa-rotate-90" style="font-size:1.9em; color:{{c!palette 9!}};"></i>
</div>
</div>
</div>
<!-- Tab Five end -->
</div>
<!-- Tab Content end -->
</div>
</div>
<!-- Tab Buttons -->
<div class="ml-sm-4" style="position:relative; z-index:1;">
<ul class="nav nav-tabs row no-gutters border-0 align-items-center ml-sm-1 justify-content-around justify-content-sm-start">
<!-- Button 1 -->
<li class="col-auto nav-item mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1 active" style="color:{{c!text!}};" data-toggle="tab" href="#One">
<!-- Icon -->
<i class="fas fa-meteor" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 2 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:{{c!text!}};" data-toggle="tab" href="#Two">
<!-- Icon -->
<i class="fas fa-satellite" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 3 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:{{c!text!}};" data-toggle="tab" href="#Three">
<!-- Icon -->
<i class="fas fa-moon-stars" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 4 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:{{c!text!}};" data-toggle="tab" href="#Four">
<!-- Icon -->
<i class="fas fa-user-astronaut" style="font-size:2.6em;"></i>
</a>
</li>
<!-- Button 5 -->
<li class="col-auto nav-item ml-2 mt-2">
<a class="btn rounded-0 w-100 py-0 pr-1" style="color:{{c!text!}};" data-toggle="tab" href="#Five">
<!-- Icon -->
<i class="fas fa-rocket" style="font-size:2.6em;"></i>
</a>
</li>
</ul>
</div>
<!-- Tab Buttons end -->
</div>
</div>
</div>
</div>
</div>
<!-- Background Stars -->
<div>
<i class="fas fa-star fa-rotate-270 hidden-xs-down" style="font-size:4.5em; position:absolute; top:-10px; left:0px; opacity:.3; color:{{c!background stars!}};"></i>
<i class="fas fa-star fa-rotate-180 hidden-xs-down" style="font-size:2.5em; position:absolute; bottom:30px; left:50px; opacity:.5; color:{{c!background stars!}};"></i>
<i class="fas fa-star fa-rotate-90 hidden-xs-down" style="font-size:6.8em; position:absolute; top:150px; right:-80px; opacity:.7; color:{{c!background stars!}}; z-index:-1;"></i>
<i class="fas fa-star fa-rotate-270 hidden-sm-up" style="font-size:4.5em; position:absolute; top:10px; left:10px; opacity:.3; color:{{c!background stars!}};"></i>
<i class="fas fa-star fa-rotate-180 hidden-sm-up" style="font-size:2.5em; position:absolute; top:400px; left:45px; opacity:.5; color:{{c!background stars!}};"></i>
<i class="fas fa-star fa-rotate-90 hidden-sm-up" style="font-size:6.8em; position:absolute; top:150px; right:-20px; opacity:.7; color:{{c!background stars!}}; z-index:-1;"></i>
</div>
<!-- Make sure these icons have the same URL -->
<!-- Planet Icon - large screens -->
<div class="hidden-xs-down" style="position:absolute; bottom:-22px; right:-35px; z-index:0;">
<div style="height:116px; width:157px; clip-path:url(#planet); background:url({{u!planet icon URL!}}) center; background-size:cover;">
</div>
</div>
<!-- Planet Icon - small screens -->
<div class="hidden-sm-up" style="position:absolute; top:340px; right:35px; z-index:0;">
<div style="height:116px; width:157px; clip-path:url(#planet); background:url({{u!planet icon URL!}}) center; background-size:cover;">
</div>
</div>
<div class="ml-md-5 mt-1 text-center">
<a class="ml-md-5" href="https://toyhou.se/HTMLobster" data-toggle="tooltip" title="layout by noll"><i class="fa-solid fa-lobster"></i></a>
</div>
</div>
<!-- Clip-path stuff - !!!DO NOT DELETE/EDIT!!! -->
<svg height="0" width="0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<clipPath id="space">
<path d="M2.2,177c0-1.1,0-2.3,0-3.4c1.1-1.7,2.1-3.4,3.3-5.2c-0.1-1.2,0.7-2.2,1.5-3.2c0.3-0.4,0.7-0.7,1.1-1.1 c2.5-2.4,5-4.7,7.4-7.1c3.6-3.8,7.2-7.6,10.8-11.5c2.1-2.3,4.3-4.5,6.4-6.9c0.3-0.3,0.5-0.7,0.8-1c-0.4-0.7-0.8-1.4-1.2-2.1 c-0.5,0.2-0.9,0.4-1.3,0.7c-1.5,1-2.9,2-4.3,3c-2.9,2.1-5.7,4.2-8.6,6.4c-2,1.5-4.1,3-5.8,5c-0.1,0.2-0.3,0.3-0.4,0.4 c-0.5,0.5-1.1,0.6-1.7,0.2c-0.5-1.3-0.5-1.3,0.1-2.2c1.1-1.5,2.1-3.1,3.3-4.5c2.4-3.1,4.8-6.2,7.3-9.2c2.1-2.6,4.3-5.1,6.5-7.8 c-0.1-0.5-0.3-1.1-0.4-1.8c0.4-0.6,0.9-1.4,1.4-2.1c1.5-2,3.1-3.9,4.7-5.9c0.4-0.5,0.9-1,1-2.1c-2.9,0.9-4.9,2.8-7.1,3.8 c-1.4,0.3-1.8-1-2.8-1.5c-0.6,0.4-1.3,0.7-1.8,1.2c-0.9,0.9-1.9,1.6-3.2,1.7c-0.9,1-2,1.6-3.3,2c-0.7-1.4-0.6-1.6,0.5-2.6 c3.1-2.7,6.1-5.3,9.2-8c1.9-1.7,3.6-3.4,5.5-5.1c3-2.7,6-5.3,9-7.9c1.6-1.5,3.2-3,4.7-4.5c3.2-3.1,5.8-6.7,9.7-9.1 c0.5-0.3,0.9-0.7,1.3-1.1c3.8-3.8,8-7.2,12.1-10.7c1.6-1.3,3.1-2.7,4.6-4.1c0.2-0.2,0.2-0.5,0.3-0.7c-1.8,0.8-3.3,1.7-4.8,2.8 c-3.8,2.8-7.6,5.6-11.5,8.4c-2.5,1.8-5,3.5-7.5,5.2c-0.7,0.5-1.4,0.9-2,1.4c-2.8,2.1-5.6,4.4-8.5,6.5c-0.5,0.4-1.1,0.9-1.9,0.4 c0.5-0.9,1-1.8,1.5-2.6c1.3-2.4,3.1-4.5,5.1-6.4c3-2.9,6.1-5.6,9.1-8.5c1.2-1.1,2.1-2.5,3.3-3.6c2.8-2.7,5.6-5.4,8.4-8 c2.1-1.9,4.2-3.8,6.2-5.7c0.9-0.8,1.7-1.6,2.7-2.5c-1.4,0-2.5,0-3.9,0c-2.3,1.7-4.9,3.5-7.2,5.5c-3.3,2.9-6.9,5.3-10.5,7.8 c-0.4,0.3-0.8,0.4-1.5,0.7c0.1-0.8,0-1.3,0.2-1.7c0.4-1.1,0.9-2.1,1.4-3c0.2-0.5,0.5-0.9,0.9-1.2c1.9-1.8,3.5-3.9,5.8-5.3 c0.4-0.2,0.7-0.7,1.1-1c2.1-1.8,3.7-4.2,5.9-6c2.7-2.1,5.1-4.4,7.8-6.4c1.4-1.1,3-2,4.6-2.9c0.9-0.5,1.8-0.9,2.4-1.7 c2.1-2.4,5-3.9,7.5-5.9c0.2-0.1,0.3-0.2,0.7-0.3c0.4,0.2,0.8,0.5,1.2,0.7c0.1,1.2-0.5,1.8-1.1,2.5c-1.2,1-2,1.8-2.7,2.8 c-0.2,0.3-0.3,0.7-0.5,1c0.1,0,0.2,0.1,0.2,0.2c2-1.6,3.9-3.2,6.1-4.9c0.4,0.3,0.8,0.6,1.3,0.9c-0.3,0.5-0.4,0.9-0.6,1.2 c-0.8,1.1-1.5,2.1-2.3,3.2c-0.5,0.7-1,1.4-0.5,2.4c0.5-0.3,0.9-0.6,1.4-0.9c3.6-2.4,7-5.2,10.9-7.4c0.5-0.3,1.1-0.7,1.5-1.1 c0.9-0.8,1.8-1.4,3-1.3c0.1-0.3,0.2-0.6,0.3-0.9c3.7-0.5,6.3-2.4,8-5.6c0.3-0.6,0.8-1.1,1.4-1.5c1.5-1.2,3.1-2.3,4.7-3.4 c1.2-0.8,2.4-1.5,3.7-2.2c0.6-0.3,1.1-0.3,1.4,0.6c-0.4,0.6-0.8,1.3-1.3,2c0.1,0.1,0.1,0.1,0.2,0.2c0.9-0.5,1.7-0.9,2.7-1.5 c0.5,0,1-0.1,1.7-0.2c3.6-2.9,7.4-5.9,11.2-8.9c1.4-1.1,3-2.1,4.5-3c0.8-0.5,1.7-0.9,2.4-1.4c1.1-0.7,2.1-1.5,3.2-2.3 c0.6-0.5,1.3-0.8,1.8-1.3c1.4-1.2,3-2.3,4.7-2.9c1.1,0,3.5-1.1,3.4,0c-0.2,1.4-4.9,4.2-5.5,5.5c0.8-0.4,1.4-0.8,2.2-1.2 c0.3,0.3,0.7,0.6,1,0.8c-0.4,1.3-1.6,2.1-1.6,3.5c1.1-0.4,2-0.8,2.9-1.1c0.8,0.3,1.4,0.5,2.1,0.8c3.1-2.1,5.6-5.5,9-6.3 c1.4-0.3,2.5,0.5,3.6,0.6s2.3,0.2,3.4,0.2c1.1,0,2.8-1.3,3.5-0.2c0.3,0.5-0.4,0.9-0.6,1c-2.4,2-4.8,3.9-7.3,5.9 c-1.1,0.9-2.3,1.8-3.3,2.8c-1.5,1.6-2.9,3.3-4.2,5c-0.6,0.8-1.1,1.6-1.8,2.7c1.3-0.4,2.3-1.4,3.3-0.4c0.3,0.5,0.1,0.9-0.3,1.4 s-0.8,0.9-1,1.3c-1,1.8-2.2,3.3-3.9,4.5c-3.2,2.3-6.5,4.4-9.8,6.6c-1.1,0.8-2.1,1.6-3.1,3.2c1.4-0.6,2.4-0.7,3.4-0.1 c0.8,0.5,2.2-0.3,2.8,1.1c-0.9,1.3-1.8,2.6-2.7,3.9c-0.2,0.3-0.5,0.5-0.7,0.6c-2.9,2.3-5.9,4.6-8.9,6.9c-1.5,1.2-2.8,2.4-4.2,3.6 c0.1,0.8,0.2,1.3,0.3,2c-0.7,0.8-1.4,1.7-2.2,2.4c-2.1,1.7-4,3.6-6.2,5.1c-1.3,0.9-2.4,2-3.6,3c-0.6,0.6-1.1,1.3-1.1,2.4 c1-0.8,1.8-1.5,2.7-2.1c0.9-0.7,1.9-1.2,3-0.7c0.6,1.1,0,1.7-0.6,2.4c-1.2,1.3-2.3,2.6-3.5,3.9c-0.6,0.7-1.3,1.4-2,2 c-1.4,1.3-2.8,2.5-4.2,3.8c-0.2,0.2-0.4,0.5-0.7,0.9c2-0.4,3.6-0.8,5.1-1.1c1.4,0.3,2.5,0.7,3.1,2.2c-0.4,1-0.8,2.3-1.4,3.4 c-0.7,1.4-1.6,2.7-2.3,4.1c-0.7,1.2-1.5,2.5-1.1,3.8c0.6,1,1,1.7,1.4,2.4c0.3,0.8-0.2,1.8,0.6,2.5c0.6-0.3,1.2-0.5,1.7-0.9 c3.5-2.4,6.9-4.9,10.4-7.4c2.5-1.8,4.9-3.7,7.4-5.4c2.7-1.9,5.2-3.9,7.7-6c2.6-2.2,5.3-4.4,8-6.5c3.3-2.6,6.7-5.2,10.1-7.7 c1.9-1.4,3.8-2.8,6.3-3.2c1.1,0.2,1.7,0.8,1.9,2c-0.3,0.6-0.6,1.3-1.1,2c-2.7,3.7-6,6.6-9.2,9.8c-3,3-6.1,5.9-9.1,8.9 c-2.1,2.1-4.1,4.2-6.1,6.3c-2.8,2.9-5.6,5.7-8.3,8.7c-3.4,3.7-6.7,7.4-10,11.2c-2.1,2.3-3.4,5-5.3,7.7c1,0,1.5-0.6,2-0.9 c4.1-2.8,8-5.7,12.1-8.5c1.2-0.8,2.4-1.5,3.8-2.1c1-0.5,1.4-0.2,2,1.1c-0.5,1.1-1.7,1.7-2,3c3.2-1.3,3.4-1.3,4.4,0.8 c-1.2,1.6-2.4,3.3-3.7,5.1c0.5,0.6,0.9,1.1,1.2,1.7s0.6,1.2,0.8,1.7c-0.4,1.2-0.7,2.1-1.2,3.5c1-0.7,1.7-1.1,2.3-1.6 c3.6-3,7.3-6.1,10.9-9.1c1.1-0.9,2.1-1.8,3.6-1.9c0.5-0.1,1.3-0.5,1.5-1c0.7-1.6,2.1-2.4,3.4-3.4c3.3-2.5,6.4-5.4,10-7.6 c2.4-1.5,4.9-3,7.4-4.4c1.4-0.8,2.3-0.5,3,1.2c-0.9,1.2-1.9,2.5-3,3.7c-2.1,2.3-4.3,4.5-6.5,6.8c-0.2,0.2-0.3,0.5-0.5,0.6 c1.7-0.8,3.1-1.9,4.6-3c4.6-3.3,9.2-6.7,13.8-10c2.7-1.9,5.5-3.7,8.3-5.4c4.1-2.5,8.3-4.9,12.2-7.7c2-1.5,4.3-2.6,6.3-3.8 c1.2,0.3,2.3,0.4,3,1.2c0.2,0.7-0.1,1.1-0.5,1.4c-0.5,0.3-0.9,0.6-1.4,1c-2.9,2.5-5.7,5.1-8.5,7.6c-2.3,2-4.5,3.9-6.7,5.9 s-4.4,3.9-6.5,5.9c-3.3,3.3-6.5,6.8-9.9,10c-3.5,3.4-6.8,6.9-9.9,10.7c-2.2,2.7-4.2,5.4-6.2,8.2c-0.2,0.2-0.2,0.5-0.4,0.9 c0.3-0.1,0.5-0.1,0.6-0.2c5.3-3.8,10.5-7.7,15.8-11.5c1.7-1.2,3.6-2.3,5.4-3.4c1-0.6,2-0.6,3,0.6c-0.2,0.4-0.3,1-0.7,1.4 c-1.7,1.8-3.4,3.5-5.1,5.2c-1,1-2,1.9-3,3.4c1.7-0.7,2.7-1.6,3.8-2.3c2.3-1.4,4.6-2.8,6.9-4.2c0.6-0.3,1.2-0.4,1.8-0.6 c1.5,1.3,1.5,1.6,0.8,2.9c-0.4,0.6-0.8,1.1-1.1,1.7c-0.2,0.3-0.2,0.6-0.4,1.4c1.1-0.5,2-1,2.8-1.3c0.7-0.2,1.5-0.2,2.2-0.1 c0.6,0.1,0.9,0.6,0.9,1.4c-1,1.1-2,2.3-3,3.5c-1,1.1-2.3,2-3.1,3.6c0.5,0,0.7,0,0.9,0c1.3-0.6,2.7-1.1,3.9-1.8 c1.1-0.6,2.1-0.8,3.2-0.6c0.5,0.4,0.9,0.8,1.3,1.2c2.8-1.8,5.6-3.5,8.2-5.4c1.8-1.2,3.2-0.9,4.8,0.2c0.2,1.8,0.2,2.1-1,3.3 c-2.6,2.7-5.1,5.4-7.9,8c-2,1.9-3.6,4.1-5.3,6.3c-0.5,0.7-1,1.4-0.3,2.5c1.4-0.5,2.9-1,4.2-1.5c2.2-0.8,4.4-1.3,6.8-1.2 c1.4,0.1,2.4,0.5,3.3,2c-0.2,0.9-0.4,2-0.6,3.1c1,2,0.9,4.2,0.4,6.7c1.2-0.8,2-1.4,2.9-1.9c1.5-0.9,2.9-1.8,4.4-2.5 c1.4-0.6,2.1,0,2.2,1.7c-0.7,0.7-1.7,1.2-2.1,2.3c0.9,0,1.8,0,2.7,0c0.3,0.6,0.5,1.1,0.6,1.5c-0.9,2.3-2.6,3.9-4,5.6 c-1.3,1.5-2.7,3-3.5,4.8c-0.2,0.6-0.6,1.1-0.1,1.7c0.2,0,0.3,0,0.4,0c3.5-2.2,7-4.4,10.4-6.6c0.7-0.5,1.3-0.8,2.1-0.3 c0,0.9,0,1.8,0,2.6c-0.3,0.8-0.8,1.6-0.9,2.4c-0.2,1.6-1,3-1.7,4.3c-0.4,0.8-1,1.4-1.5,2.1c-2.4,3.4-4.8,6.8-7.3,10.2 c-1.2,1.7-2.5,3.3-3.7,4.9c-1,1.4-1.8,2.9-2.7,4.3c-1.1,1.7-2.3,3.3-3.3,5c-2,3.5-3.9,7.1-5.9,10.6c-0.5,0.9-0.9,1.8-1,3.2 c0.7-0.5,1.1-0.9,1.5-1.2c1.9-1.7,3.8-3.4,5.7-5.1c1.2-1.1,2.6-2.2,3.7-3.5c0.9-1,1.8-1.7,2.9-2.3c1.5-0.7,2.9-1.5,4.3-2.3 c0.2-0.1,0.5-0.3,0.7-0.3c1.2-0.5,1.8,0,2,1.5c-0.3,0.4-0.5,0.8-0.8,1.2c-0.3,0.5-0.8,0.8-1.1,1.3c-0.3,0.3-0.5,0.7-1.1,1.4 c1.2-0.4,2-0.7,2.7-0.9c0.6,0.5,1.1,1,1.4,1.3c1.1-0.3,1.9-0.5,3-0.7c0.7,0.8,1.4,1.7,2.1,2.4c0.7,0.8,1,1.8,0.5,2.8 c-0.5,1.2-1.1,2.4-1.8,3.5c-2.2,2.7-4.6,5.3-6.8,8c-1.8,2.4-3.5,4.8-5.1,7.4c-1.6,2.5-3,5.1-4.5,7.8c-0.9,1.5-1.7,3-2.5,4.6 c-1,1.8-1.9,3.8-3.1,5.5c-2,2.8-4.1,5.5-6.2,8.2c-0.3,0.4-0.6,0.9-0.8,1.3c0.6,0,1-0.2,1.3-0.5c2.1-1.7,4.2-3.6,6.4-5.2 c3.8-2.7,7.7-5.2,11.5-7.8c0.6-0.4,1.2-0.5,1.7,0.1s0.4,1.2,0,1.7c-0.9,1.1-1.8,2.1-2.7,3.1c-0.3,0.4-0.7,0.8-1.2,1.4 c1.1-0.3,1.9-0.5,2.6-0.6c0.5,0.5,0.9,0.8,1.3,1.2c2.4-1.3,4.7-2.6,7.1-3.9c0.3,0.3,0.6,0.5,0.7,0.8c0.2,1.2,0.3,2.4,0.4,3.6 c-1.5,1.6-2.9,2.9-4.2,4.4c-2.1,2.4-4,4.9-6.1,7.4c-0.5,0.6-1.2,1.1-1.8,1.7c-0.4,0.3-0.7,0.7-1.1,1.1c-1.4,1.5-2.7,3.1-4.1,4.7 c-1.6,1.8-3.3,3.6-5,5.4c-0.9,1-1.8,2.1-2.6,3.2c-2,2.4-3.9,4.9-5.9,7.3c-1.8,2.1-3.5,4.2-5,6.5c-0.2,0.2-0.2,0.5-0.4,1.1 c1.1-0.7,1.8-1.2,2.5-1.7c0.6-0.6,1.1-1.2,1.7-1.7c2.7-2.1,5.4-4.2,8.2-6.2c1.4-1,2.8-1.9,4.4-2.4c1.2,0.5,0.8,1.4,0.6,2.3 c2.4-1.5,4.7-2.7,6.9-4.2s4.4-3,7.1-4.1c0.3,1.4,0.7,2.7,1,4c-2.6,2.7-5.2,5.1-7.8,7.7c-2.6,2.5-5,5.3-7.3,8s-4.5,5.6-6.9,8.6 c0.6-0.2,1-0.1,1.3-0.3c2.2-1.2,4.4-2.4,6.5-3.7c2.6-1.6,5.1-3.3,7.7-4.9c0.9-0.6,2-0.9,3.1-1.4c0.6-0.3,1.2-0.3,1.8,0.2 c0.5,0.9,0.2,1.7-0.5,2.3c-1.2,1.1-2.4,2.2-3.6,3.3c-1.5,1.5-2.9,3.1-4.4,4.6c-1.1,1.2-2.3,2.3-3.4,3.5c-0.5,0.5-0.9,1-1,1.9 c0.5-0.2,0.8-0.3,1-0.4c4.1-2.3,8.2-4.6,12.2-7c0.6-0.3,1.1-0.8,1.8-0.6c0.1,0.2,0.2,0.3,0.2,0.4c0,0.3,0,0.5,0,0.8 c-0.6,1.9-1.4,3.6-2.9,5c-2.4,2.2-4.8,4.3-7.3,6.5c-1.3,1.2-2.6,2.4-3.9,3.5c-2.9,2.4-5.7,4.8-8.6,7.3c-3,2.6-6,5.3-9.1,7.8 c-3,2.4-5.7,5.1-8.4,7.8c-0.4,0.4-0.7,0.8-1,1.2c0.4,0.1,0.6,0,0.8-0.1c3.8-2.6,7.5-5.1,11.3-7.7c1.5-1.1,3.3-2,4.6-3.2 c2.4-2.2,5.6-3.1,8.2-4.8c0.2-0.1,0.3-0.2,0.5-0.2c0.8-0.2,1.5,0,1.8,0.9c-0.6,1.3-1.6,2.1-2.6,3c-2.3,2.1-4.6,4.2-6.9,6.3 c-0.3,0.3-0.5,0.6-0.6,0.9c0,0.1,0,0.2,0.1,0.3c0.4-0.1,0.8-0.2,1.2-0.3c0.9,1.1,1,1.3,0.3,2.1c-0.5,0.6-1.2,1.1-1.8,1.7 c-0.8,0.7-1.6,1.4-2.3,2.2c-0.3,0.3-0.5,0.8,0.1,1.2c2.2-0.6,4.3-1.7,6.6-2.1c0.7,0.5,0.6,1.1,0.4,1.6c-0.4,1-0.9,1.9-1.8,2.6 c-1.9,1.5-3.8,3-5.7,4.5c-0.8,0.6-1.6,1.2-2.2,2c-1.2,1.5-2.4,3.2-3.5,4.8c1,2.1,0.8,2.8-1.1,4.3c-0.3,0.3-0.7,0.6-1,0.9 c-2.4,2.4-5.1,4.4-7.7,6.5c-1.3,1-2.4,2.1-4,3.5c2.7-0.3,4.2-2.3,6.4-2.3c0.9,0.8,0.9,0.8,1.1,1.8c-0.2,0.8-1.3,1.1-1.2,2.2 c4.3-1.5,4.3-1.5,5.4-1c-0.4,1.3-1,2.6-1.9,3.5c-1.4,1.4-2.9,2.8-4.6,3.8c-1.2,0.8-2.2,1.8-3.1,2.9c-0.6,0.8-0.8,1.9-1.1,2.9 c-0.1,0.5-0.5,0.7-0.8,1c-1.6,1.4-3.1,2.9-4.7,4.3c-0.2,0.2-0.4,0.3-0.6,0.5c-3.3,2.4-6.6,4.7-9.9,7.1c-1.7,1.2-3.4,2.5-5.4,3.3 c-2.3,1-4.2,2.4-6,4.1c-3.2,2.7-6.3,5.5-9.5,8.3c-0.2,0.2-0.5,0.4-0.8,0.5c-2.4,1.5-4.8,2.9-7.2,4.3c-0.5,0.3-1,0.4-1.8,0.8 c0.4-0.8,0.7-1.3,1.1-2.1c-0.8,0.3-1.1,0.4-1.5,0.5c-1.1,0.5-2.2,1.2-3.4,1.7c-1.5,0.6-2.4,0.3-3.3-1.1c0.1-0.5,0.1-1,0.2-1.7 c-0.3,0.1-0.5,0.2-0.6,0.3c-1.7,1.4-3.3,2.8-5,4.2c-1.3,1.1-2.6,2.1-3.9,3.2c-0.7,0.6-1.5,0.8-2.5,0.6c-0.4-0.3-0.8-0.5-1.3-0.9 c-2.1,1.2-4.1,2.4-6.1,3.6c-5,3.1-10.1,6-14.9,9.4c-3.5,2.4-7.1,4.7-10.7,7c-0.4,0.2-0.8,0.5-1.1,0.8c-1,1.1-2.3,1.5-3.6,1.9 c-0.4,0.1-0.8,0.3-1.2,0.5c-0.8,0-1.5,0-2.3,0c-0.2-0.6-0.3-1.3-0.5-1.7c0.8-1,1.3-1.7,1.9-2.4c1.8-2.4,3.6-4.8,5.3-7.2 c0.2-0.2,0.3-0.4,0.5-0.6c1.4-1.6,2.7-3.2,4.1-4.8c1.1-1.2,1.8-2.6,1-4.2c0.3-0.5,0.4-0.9,0.7-1.2c1.8-2,3.5-3.9,5.3-5.8 c1.8-1.8,3.8-3.5,5.6-5.2c0.2-0.2,0.4-0.5,0.8-1c-1.6,0.2-2.4,1.7-4.1,1.3c-0.2-0.3-0.5-0.7-0.9-1.2c0.5-0.5,0.8-0.9,1.1-1.2 c1.8-1.5,3.6-2.9,5.3-4.4c4-3.5,7.6-7.4,11.3-11.2c0.3-0.3,0.5-0.6,0.7-0.9c0.8-1.2,1.6-2.4,2.4-3.6c2.1-3,4.2-5.9,6.3-8.9 c2.3-3.2,4.7-6.4,7.3-9.9c-1.5,0.4-2.6,0.7-3.7,1c-2.9,2.7-5.7,5.3-8.5,8.1c-3.5,3.5-7.5,6.5-10.7,10.2c-0.2,0.2-0.4,0.3-0.6,0.5 c-3.4,3-6.8,6.1-10.2,9.1c-1.6,1.5-3.3,2.9-4.9,4.4c-0.5,0.4-1,1-1.8,0.8c-0.6-0.8-0.5-1.5,0.2-2.2c1.9-2,3.2-4.4,4.7-6.5 s3-4.2,4.4-6.3c1.4-2.1,2.6-4.2,4.1-6.3c2-2.7,4.1-5.3,6.2-8c2.6-3.2,5-6.5,8-9.4c1.4-1.4,2.6-2.9,3.9-4.3c2-2.3,3.9-4.6,5.7-6.9 c0.3-0.3,0.5-0.7,0.9-1.3c-1.1,0.4-1.5,1-2,1.5c-0.3,0.4-0.6,0.8-0.9,1.2c-1.5,1.4-3.1,2.7-4.7,4c-0.5,0.4-1.2,0.6-1.6,0.9 c-0.9-0.3-1.3-0.7-1.3-1.5c0.3-1.1,1.5-1.7,1.7-3.1c-1.8,1-2.8,2.8-4.8,3c-0.6-0.4-1.1-0.7-1.6-1.1c-1,0-1.6,0.5-2.2,1.1 c-1.7,1.4-3.3,2.6-5,4s-3.3,2.8-5.1,4.1c-1.6,1.3-3.2,2.6-4.9,3.8c-0.8,0.6-1.7,1.1-2.8,0.8c-0.6-0.5-1.1-0.9-1.8-1.5 c-0.6,0.3-1.1,0.5-1.5,0.9c-0.9,0.8-1.8,1.5-2.7,2.3c-2.1,1.8-4.1,3.6-6.3,5.4c-0.6,0.5-1.5,0.9-2.1,1.3c-0.8-0.3-1.4-0.5-2-0.8 c-0.5,0.3-1.1,0.6-1.5,1c-1.6,1.3-3.2,2.6-4.7,4c-2.1,2-4.1,4-6,6.2c-0.7,0.8-1.4,1.4-2.6,1.5c-0.5-0.2-1-0.4-1.7-0.7 c1.3-1.9,2.5-3.7,3.7-5.4c2.9-3.9,5.9-7.7,8.9-11.6c1.9-2.5,3.8-5,5.7-7.4c2.8-3.6,5.5-7.3,8.4-10.8c2.5-3.1,5.3-6,7.8-9.1 c3.8-4.7,7.8-9.2,12-13.4c1.1-1.1,2.1-2.1,3.2-3.2c0.2-0.2,0.3-0.6,0.6-1c-0.4,0-0.6,0-0.8,0.1c-2.7,1.6-5.6,2.9-8.1,4.8 c-1.2,0.9-2.4,1.7-3.7,2.6c-1.9,1.4-3.8,2.6-5.6,4.1c-2.3,1.8-4.4,3.8-6.7,5.7c-2.4,2.1-4.9,4.1-7.3,6.2c-3,2.7-5.9,5.4-8.9,8 c-2.1,1.9-4.3,3.6-6.3,5.6c-3.2,3.3-6.7,6.3-9.8,9.8c-0.4,0.4-0.8,0.8-1.2,1.2c-0.7,0.6-1.5,0.9-2.3,0.3c-0.6-0.8-0.3-1.5,0.1-2.1 c2.1-3.5,4.4-6.8,6.9-10c2-2.5,4.2-5,6.3-7.4c0.6-0.6,1.2-1.3,1.4-2.3c-0.5-0.4-0.9-0.8-1.5-1.3c-0.9,0.8-1.7,1.6-2.6,2.4 c-1.9-0.2-3.3,1.1-4.5,2.4c-0.6,0.6-1.2,1.3-1.9,1.8c-1.7,1.4-3.4,2.7-5.2,4c-1.1,0.8-2.3,1.4-3.4,2.3c-2.1,1.7-4.1,3.5-6.2,5.1 c-1.4,1.1-3,1.8-4.3,2.9c-2.2,1.7-4.4,3.5-6.5,5.4s-4.2,3.9-6.3,5.9c-1.3,1.2-2.5,2.6-3.9,3.8c-0.8,0.8-1.7,1.5-2.8,1.7 c-1-0.9-1.2-1.7-0.3-2.7c1.2-1.5,2.5-2.9,3.6-4.5c2.4-3.2,5.3-6.2,7.9-9.2c2.9-3.4,5.6-6.9,8.5-10.2c3.8-4.3,7.6-8.5,11.5-12.6 c3.3-3.5,6.6-6.8,10-10.1c2-2,4.2-3.9,6.3-5.9c2.2-2.1,4.5-4.2,6.7-6.3c0.3-0.3,0.9-0.6,0.8-1.5c-1.2,1-2.3,1.8-3.3,2.7 c-1.4,1.2-2.7,2.5-4.1,3.5c-3.7,2.7-7.2,5.6-10.5,8.8c-1.5,1.4-3,2.7-5.2,2.3c-2.1,1.8-4.1,3.6-6.2,5.3c-0.8,0.6-1.5,1.4-2.7,1.4 c-0.2-1-0.4-2-0.6-2.9c-0.2-0.8-0.1-1.4,0.3-2.1c1.4-2.4,2.7-4.9,4.2-7.3c1.9-3,3.8-6,6.2-8.7c2.3-2.5,4.4-5.1,6.5-7.8 c0.2-0.2,0.2-0.5,0.3-0.9c-2.3,0-4.2,0.8-6,1.8c-2.7,1.5-5.3,3.2-8.1,4.6c-2,1-3.8,2.4-5.6,3.7c-1.6,1.1-2.9,2.6-4.3,3.9 c-0.5,0.5-1.1,0.9-1.6,1.3c-1.7,1.2-2.9,0.8-3.8-1.2c1.2-2.1,2.1-4.4,3.8-6.4c1.9-2.3,3.5-4.7,5.3-7.1c0.7-0.9,1.1-1.8,1-3 c-1.1-0.8-2.2-1.6-3.4-2.4c-0.6,0.4-1.1,0.8-1.7,1.2c-0.5,0.4-1,0.8-1.5,1.2c-1.2,0.9-2.4,0.9-3.6,0.2c-0.4-0.2-0.8-0.4-1.1-0.6 c-1.3,0.7-2.5,1.2-3.6,1.9c-1.9,1.2-3.8,1.2-5.7,0.3c-1.3-0.6-2.3-1.4-2.7-3c0.4-1.2,0.8-2.5,1.2-3.7c0.4-1.2,0.8-2.5,1.2-3.6 c-0.4-0.7-0.7-1.2-0.9-1.7c-0.9-0.3-1.7-0.3-2.3,0.2c-2.6,1.8-5.2,3.6-7.8,5.5c-1.8,1.4-3.6,2.9-5.4,4.3c-1,0.8-2.1,1.1-3.4,0.6 c-0.8-0.6-1.2-1.3-1.3-2.3c0-0.7-0.3-1.4-0.3-2c0-0.8,0.1-1.6,0.3-2.4c0.2-1,0.6-1.9,1-3c1.2-0.6,1.5-2.1,2.2-3.3 c0.8-1.3,1.6-2.6,2.1-4c0.5-1.3,1.5-2.4,1.3-4c-1.7-0.1-3.4-0.2-4.9-0.3c-1.2-0.8-1.5-1.8-1.2-3c0.2-0.5,0.4-1.1,0.4-1.7 c0-0.9,0.2-1.8-0.2-2.6c-1-2.4-0.8-5-0.2-7.4c0.6-2.3,1.5-4.5,2.3-6.7c0.2-0.6,0.3-1.2,0.5-1.7c-0.6-0.6-1.1-1.2-1.4-1.5 c-0.6-1.6,0.9-2.7,0.5-4.1c-2.6-0.6-2.6-0.6-3.1-2.1c1.1-3.3,2.1-6.5,3.7-9.6c1.7-3.3,3.6-6.4,5.9-9.4c0.9-1.2,1.6-2.7,2.3-4.1 c0.4-0.8,0.6-1.6,0-2.6c-3.1,1.1-5.4,3.3-7.9,5c-2.9,0-3.7-1.4-2.5-3.7c0.3-0.5,0.6-0.9,0.9-1.4c1.4-2,2.8-4,3.8-6.2 c0.2-0.5,0.5-1,0.2-1.6c-0.6-0.4-1.1-0.8-1.6-1c-0.3-2,1.1-3.3,1.2-5.3c-0.8,0.6-1.3,1-1.8,1.4c-1,0.6-2,1.3-3,1.8 c-0.8,0.4-1.6,0.4-2.1-0.5c-0.3-0.9,0.2-1.5,0.6-2.1c2.8-4.1,5.7-8.2,8.5-12.3c0.6-0.9,1.3-1.8,1.9-2.8c0.7-1.1,1.1-2.2,0.6-3.6 c-1.6-0.5-3.2,1.3-4.9-0.2c-0.2-0.7-0.4-1.6-0.6-2.5c-0.4-0.4-0.8-0.8-1.2-1.1c-0.1-0.5-0.2-1.1-0.3-1.7c-0.7,0.4-1.3,0.8-1.9,1.1 s-1.3,0.6-1.8,0.9c-1-0.6-1.1-1.4-0.9-2.1c0.5-1.3,1-2.6,1.8-3.7c1.7-2.3,3.5-4.6,5.3-6.8c2.7-3.4,5.6-6.7,8.3-10.1 c0.7-0.9,1.3-1.8,1.9-2.8c0.2-0.3,0.2-0.8,0.3-1.2c-0.4,0-0.7,0-0.9,0c-1.6,0.3-3,1.2-4.4,2c-1.6,1-3.2,1.7-5.3,1.1 c-0.9-1.2-2.1-2.1-3.8-2.3c-0.2-0.5-0.4-0.9-0.5-1.2c0.3-0.5,0.6-0.9,1-1.5C5,177.2,3.7,178.1,2.2,177z"/>
</clipPath>
</svg>
<svg height="0" width="0" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<clipPath id="planet">
<path d="M30.3,62.5c-75.4,74.1,9.8,58,63.1,17.7c56.1-34.5,104-109.3,7.5-66C68-7.8,22.4,24.2,30.3,62.5L30.3,62.5z M120.4,39 c-2.2-6.4-6-12.8-10.8-17.7C132.7,12.1,137.3,21.1,120.4,39z M33.5,73.4c2.6,6.3,7,12.3,12.1,16.8C22.6,99.6,16.6,91.5,33.5,73.4z"/>
<path d="M123.2,57c2.2,36.4-38.8,50-61.7,42.3C81.7,89,106.2,72.1,123.2,57z"/>
</clipPath>
</svg>