css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <div id="wrap">
<svg version="1.1" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="260px" height="350px" viewBox="0 0 260 350" enable-background="new 0 0 260 350" xml:space="preserve">
<path class="hover" id="body" fill="#FFFFFF" d="M226.168,233.977c-13.092-6.361-27.509-6.104-35.906-5.312
	c7.848-19.621,11.014-53.513,16.903-69.752l0.005-0.005c4.74-8.572,35.262-24.202,42.344-38.516
	c3.668-7.419,5.729-14.393,3.668-20.843c-1.645-5.148-8.994-7.757-13.701-10.581l0.096-0.155c0.623-4.927-0.787-10.098-6.533-11.747
	c-1.33-0.384-2.523-0.642-3.6-0.796v-0.005c0.334-3.485-0.62-6.084-4.354-8.576c-1.156-0.773-1.799-1.808-2.51-2.023
	c-0.412-0.126-0.814-0.126-1.209-0.019c-0.004,0-0.004,0-0.012,0c-2.805,0-4.981-0.136-6.67-0.543
	c1.975-5.513,1.938-10.365,1.938-12.084c0-2.262-2.004-4.604-4.271-4.604c-2.34,0-32.631-0.079-39.734-8.819
	c-5.188-6.39-6.422-15.926-19.827-20.455c-23.105-7.808-47.705-7.915-87.265,14.904c-16.038,9.255-41.073,26-49.799,60.773
	c-7.311,29.119,0.08,55.068,29.181,69.817c-0.051,0.051-0.098,0.102-0.148,0.152c-0.187,0.188-0.365,0.375-0.547,0.562
	c-0.411,0.424-0.81,0.848-1.198,1.271c-0.146,0.16-0.297,0.319-0.44,0.479c-0.486,0.542-0.948,1.083-1.395,1.621
	c-0.136,0.164-0.267,0.327-0.399,0.491c-0.395,0.488-0.775,0.973-1.135,1.454c-0.064,0.085-0.132,0.171-0.195,0.256
	c-0.409,0.553-0.787,1.097-1.148,1.636c-0.093,0.139-0.182,0.275-0.271,0.412c-0.341,0.523-0.666,1.041-0.958,1.546
	c-0.012,0.021-0.027,0.043-0.04,0.064c-7.434,12.875-16.814,44.195-29.044,79.788c-1.298,3.776-2.628,7.603-3.991,11.458
	C4,268.139,4,270.591,4,273.146c0,19.938,0,46.18,0,61.678c0,7.949-0.001,13.072-0.001,13.072H4c0.042,0,132.1,0,162.782,0h0.001
	v-0.002h60.48h11.396c-0.623-11.188,4.998-39.761,7.34-49.441c2.342-9.68,7.496-28.725,4.685-38.408
	C247.973,250.721,239.718,240.557,226.168,233.977z"/>
<g id="shadow">
	<path class="hover" id="shadow2" d="M69.268,347.896c-2.504-13.223-9.463-28.467-17.833-46.291c-5.812-13.155-13.615-27.104-17.301-32.975
		c7.557,9.872,11.984,19.194,19.015,32.729c8.417,17.549,15.993,37.033,18.768,46.529C70.853,347.895,70.282,347.859,69.268,347.896
		z"/>
	<path class="hover" id="shadow1" d="M226.17,233.975c-13.088-6.355-27.501-6.104-35.904-5.312l0,0c7.846-19.621,11.02-53.542,16.914-69.771
		c4.764-8.576,35.256-24.197,42.332-38.501c3.672-7.415,5.729-14.394,3.672-20.843c-0.117-0.361-0.258-0.712-0.431-1.049
		c0.741,6.68-1.913,8.583-4.958,11.627c-10.607,10.608-22.229,10.402-30.68,11.124c-13.271,1.134-20.133,0.251-39.402,8.398
		c-4.337,1.834-17.811,3.016-22.934,0.305c-5.205-2.623-10.217-6.516-15.062-11.247c4.518,4.592,9.051,8.668,13.975,11.528
		c3.451,2.067,6.906,3.216,11.176,3.216c5.527,0,23.957,3.255,31.328,3.255c7.963,0,19.451,1.695,15.143,6.248
		c-7.667,8.103-8.74,27.443-10.771,36.843c-4.695,21.767-14.357,47.213-30.914,71.663c-1.879,2.773-2.365,0.365-2.668-5.159
		c0.869-9.384,1.537-19.442-1.979-37.625c2.208,21.912-0.07,31.457-0.98,42.617c-1.186,5.633-2.683,11.508-4.36,17.653
		c-2.281,8.332-10.343-16.913-17.199-36.771h-0.002c-0.317-1.406-0.644-2.674-0.979-3.759c-9.03-29.124-14.58-60.6-27.25-73.289
		c11.864,14.628,14.52,41.532,20.726,60.113c4.237,12.684,13.062,58.544,16.565,78.005c-0.016-0.082-0.024-0.164-0.041-0.246
		c3.354,20.102,7.992,40.484,15.304,54.896h7.188c-6.506-21.645-8.414-31.293-8.726-42.203c-0.478-16.762,2.399-28.684,8.542-39.713
		c16.159-29.041,37.854-33.877,55.904-26.957c25.135,9.637,16.205,29.295,9.716,43.492c-11.287,24.684-12.147,50.758-12.147,65.381
		c4.995,0,9.038,0,11.398,0c-0.628-11.189,4.99-39.765,7.335-49.442c2.342-9.679,7.494-28.728,4.687-38.407
		C247.973,250.719,239.721,240.555,226.17,233.975z"/>
</g>
<g id="hair">
	<path class="hover" id="hair2" d="M133.118,18.203c15.997,0,23.575,3.123,33.882,12.316c-4.451-8.959-21.717-18.551-24.2-19.547
		c-26.056-10.457-67.375,0.366-75.404,22.019c-0.018,0.005-0.034,0.01-0.052,0.016c-0.604,0.337-1.208,0.688-1.822,1.04
		c-16.042,9.255-41.073,26-49.803,60.773c-7.307,29.12,0.084,55.068,29.185,69.817C52,158.75,57.014,152.743,70.25,148.75
		c9.625-2.904,18.875-2.904,23.445-2.932c2.229,0.745,5.926,2.026,12.88,2.494c-5.121-1.042-8.284-2.278-10.511-3.204
		c2.666,0.803,6.201,1.555,10.978,1.919c-6.042-1.298-9.825-2.901-12.483-4.211c0.004-0.016,0.008-0.033,0.012-0.049
		c2.279,0.928,5.136,1.875,8.8,2.675c2.25,0.611,4.922,1.167,8.119,1.586c-6.355-1.729-10.334-3.661-13.124-5.247
		c2.897,1.166,6.497,2.426,10.804,3.585c0.393,0.18,0.791,0.362,1.202,0.547c-2.787-1.738-5.071-3.278-6.979-4.636
		c2.72,0.886,6.153,1.766,10.557,2.472c-3.641-1.098-6.533-2.216-8.887-3.268c1.742,0.602,3.689,1.134,5.854,1.526
		c-3.108-1.447-5.643-2.897-7.723-4.223c3.126,1.793,7.231,3.717,12.744,4.798c-1.762-0.602-3.339-1.268-4.769-1.963
		c0.97,0.272,2.01,0.536,3.131,0.784c-4.359-1.609-7.323-3.231-9.494-4.634c-0.894-0.652-1.699-1.284-2.436-1.87
		c-1.066-0.858-1.979-1.656-2.785-2.392c2.57,1.631,6.085,3.481,11.078,5.274c-4.787-2.763-7.909-5.253-10.169-7.287
		c2.465,1.644,5.812,3.488,10.524,5.29c-5.981-3.265-9.377-6.199-11.698-8.418c2.882,1.272,6.45,2.457,10.775,3.104
		c-4.551-1.946-8.037-3.981-10.735-5.749c3.098,0.85,6.999,1.445,11.666,1.066c-5.83-1.041-10.021-2.745-13.026-4.172
		c0.925,0.204,1.922,0.387,2.997,0.528c1.778,0.634,3.814,1.297,6.11,1.962c-1.438-0.624-2.756-1.205-3.969-1.749
		c2.286,0.163,4.838,0.131,7.652-0.246c-4.469,0.008-8.103-0.564-11.013-1.285c-2.689-1.251-4.585-2.204-5.735-2.851
		c-1.087-0.641-2.757-1.441-5.125-3.091c-1.26-1.016-1.958-1.752-3.054-2.666c-1.11-0.766-2.157-1.585-3.136-2.431
		c-0.091-0.086-0.178-0.164-0.271-0.252c0.021,0.023,0.04,0.043,0.06,0.067c-3.751-3.289-6.425-6.958-7.327-9.584
		c-1.357-3.96,0.549-11.005,5.312-14.049c2.833-1.812,10.211-2.924,16.885-3.164c1.184,0.114,2.218,0.154,3.108,0.142
		c4.601,0.604,6.945-0.221,8.396-0.566c1.285-0.566,4.735-1.712,7.049-5.789c-2.005,2.629-4.126,3.789-5.655,4.456
		c1.166-0.613,2.374-1.5,3.489-2.836c-1.789,1.644-3.551,2.452-5.067,2.899c2.067-0.965,4.38-2.535,6.405-5.191
		c-1.21,0.938-2.37,1.661-3.469,2.238c1.283-0.995,2.562-2.285,3.709-3.988c-2.043,2.291-4.129,3.683-5.996,4.588
		c1.537-0.875,3.28-2.159,4.944-4.119c-1.293,1.167-2.528,2.041-3.662,2.712c2.413-1.931,5.083-4.939,6.857-9.504
		c-2.882,5.195-6.264,7.939-8.855,9.504c1.496-1.212,5.348-3.662,7.347-9.271c-1.917,2.798-3.918,4.556-5.55,5.775
		c1.681-1.497,3.512-3.49,5.188-6.172c-1.576,1.912-3.112,3.402-4.529,4.597c0.17-0.221,0.34-0.451,0.509-0.688
		c2.024-2.09,4.072-4.918,5.576-8.742c-1.08,1.936-2.219,3.562-3.362,4.942c1.145-2.487,1.985-5.495,2.097-9.078
		c-0.904,2.979-2.064,5.384-3.3,7.354c0.965-1.653,1.914-3.724,2.559-6.298c-0.742,1.879-1.564,3.443-2.376,4.757
		c0.881-1.695,1.827-3.937,2.436-6.806c-0.397,1.124-0.814,2.129-1.233,3.041c1.249-3.594,2.354-8.452,2.546-14.459
		c-0.555,2.417-1.153,4.58-1.764,6.526c0.343-2.198,0.579-4.777,0.584-7.715c-0.196,1.488-0.417,2.863-0.651,4.131
		c0.216-1.879,0.419-4.201,0.634-6.922c-0.367,1.768-0.668,3.339-0.926,4.719c0.147-1.771,0.215-3.708,0.173-5.795
		c0.308-1.797,0.735-3.696,1.416-5.665c-0.955,1.947-1.61,3.839-2.108,5.63c0.101-2.335,0.097-4.931-0.083-7.787
		c-0.236,3.584-0.597,6.676-0.997,9.325c0.336-3.4,0.493-7.646,0.001-12.662c-0.059,1.834-0.167,3.541-0.304,5.133
		c-0.198-2.246-0.508-4.697-0.965-7.338c0.053,1.252,0.089,2.445,0.112,3.591c-0.581-2.299-1.502-4.769-2.92-7.333
		c0.994,2.564,1.617,4.926,1.99,7.078c-0.754-2.375-1.88-4.866-3.532-7.402c1.219,2.582,2.03,5.004,2.549,7.252
		c-0.754-2.352-1.9-4.862-3.607-7.424c0.927,1.91,1.614,3.713,2.13,5.409c-0.031-0.045-0.061-0.092-0.092-0.138
		c-0.54-1.597-1.455-3.453-3.144-5.27c0.537,1.004,0.936,1.949,1.246,2.833c-0.057-0.052-0.111-0.104-0.17-0.157
		c-0.454-0.785-1.016-1.583-1.717-2.374c0.343,0.586,0.634,1.157,0.884,1.713c-0.099-0.07-0.204-0.138-0.309-0.207
		c-0.431-0.516-0.932-1.021-1.517-1.505c0.239,0.337,0.455,0.67,0.651,0.998c-0.861-0.448-1.875-0.822-3.071-1.026
		c0.392,0.182,0.751,0.37,1.091,0.562c-0.733-0.294-1.772-0.545-3.079-0.511c0.738,0.08,1.356,0.215,1.882,0.372
		c-3.543-0.483-8.544,0.283-16.026,2.935c-4.121,1.461-9.456,3.248-15.38,5.065c10.285-3.674,19.73-7.85,30.122-9.222
		C114.227,21.196,126.405,18.203,133.118,18.203z"/>
	<path class="hover" id="hair1" fill="#FFFFFF" d="M42.644,89.476c0.874,1.801,2.333,5.06,6.489,11.227c-0.779-1.417-1.436-2.671-2.005-3.8
		c1.65,2.825,4.092,6.208,7.818,9.582c-3.375-3.98-5.478-7.532-6.893-10.368c0.109,0.137,0.221,0.277,0.336,0.419
		c1.199,2.121,2.985,4.75,5.885,7.871c-1.375-1.771-2.445-3.369-3.3-4.807c1.775,2.026,4.015,4.45,6.874,7.375
		c-6.476-8.721-9.014-13.17-10.802-15.918c-0.067-0.122-0.146-0.254-0.225-0.386c-0.989-2.379-3.091-7.083-5.069-14.21
		c0.577,3.928,1.371,7.092,2.138,9.561c-0.032-0.055-0.065-0.115-0.098-0.17c-0.992-2.861-2.209-6.876-3.539-12.732
		c0.469,3.499,0.957,6.364,1.443,8.742c-1.036-2.226-2.034-4.838-2.822-7.918c0.158,2.426,0.528,4.588,1.013,6.519
		c-0.373-1.035-0.75-2.152-1.119-3.358C39.911,83.657,41.846,87.572,42.644,89.476z M52.71,130.87
		c-2.632-0.662-4.835-1.407-6.708-2.173c2.644,0.833,6.019,1.559,10.396,1.881c-3.636-0.769-6.476-1.708-8.753-2.666
		c2.107,0.723,4.701,1.431,7.933,2.019c-4.671-1.515-7.824-3.08-10.128-4.409c2.206,0.958,4.995,1.907,8.435,2.452
		c-7.227-1.89-11.171-4.795-13.224-5.839c-1.867-1.22-5.509-2.916-11.889-8.328c2.079,2.021,3.853,3.565,5.378,4.787
		c-2.037-1.372-4.375-3.094-6.918-5.296c1.854,2.336,3.663,4.197,5.333,5.702c-2.364-1.743-5.094-4.036-7.97-7.107
		c2.611,4.113,5.354,7.027,7.764,9.116c-3.013-1.77-7.209-4.434-11.512-9.118c4.014,6.404,8.573,9.626,11.571,11.551
		c-2.677-1.474-5.899-3.406-9.577-5.925c6.92,6.972,12.715,10.057,15.551,11.298c2.725,1.06,7.829,3.53,18.877,3.572
		c-5.25-0.74-8.969-1.809-11.749-2.843C47.547,130.085,49.917,130.554,52.71,130.87z M46.855,132.498
		c-6.312-2.03-8.913-3.9-10.753-4.723c-1.656-0.896-5.345-2.539-10.21-5.817c4.569,3.988,8.149,5.711,9.81,6.609
		c0.433,0.188,0.948,0.444,1.588,0.745c-0.994-0.416-1.693-0.752-2.267-0.966c-1.138-0.483-3.599-1.421-7.021-3.169
		c3.201,2.178,5.545,3.176,6.716,3.671c-1.214-0.404-2.803-0.953-4.696-1.739c2.784,1.587,4.872,2.324,6.076,2.764
		c-0.962-0.285-2.435-0.727-4.754-1.718c2.952,1.591,4.499,2.073,5.471,2.409c0.914,0.293,2.902,0.854,5.843,1.264
		c-0.909-0.248-1.701-0.474-2.406-0.68c0.899,0.225,1.98,0.463,3.297,0.703c-2.62-0.723-4.254-1.351-5.404-1.796
		c0.674,0.198,1.453,0.404,2.37,0.61C42.13,131.258,44.183,131.895,46.855,132.498z M51.765,122.905
		c-3.521-2.285-6.171-4.287-8.238-6.015c1.786,1.301,3.95,2.625,6.599,3.908c-2.985-1.99-5.214-3.898-6.929-5.662
		c2.506,1.881,5.797,4.116,10.211,6.725c-4.376-3.463-7.453-6.255-9.747-8.498c0.67,0.481,1.438,0.981,2.323,1.489
		c1.444,1.242,3.136,2.501,5.165,3.692c-0.924-0.805-1.768-1.586-2.548-2.345c0.953,0.441,2.005,0.879,3.172,1.309
		c-1.445-0.646-2.696-1.29-3.791-1.919c-2.406-2.415-4.131-4.587-5.444-6.485c2.001,2.342,4.739,4.843,8.571,6.952
		c-6.045-4.454-8.864-9.103-10.597-12.158c1.935,2.676,5.063,6.416,10.708,11.35c-4.4-5.04-6.875-8.765-8.539-11.519
		c1.626,2.316,4.03,5.331,7.861,9.152c-6.545-7.146-8.553-11.37-10.11-13.861c-1.263-2.399-4.552-7.487-6.11-15.943
		c0.684,5.559,2.213,9.617,3.564,12.462c-1.683-3.036-3.778-7.311-5.51-13.088c0.338,3.247,0.947,6.043,1.661,8.44
		c-0.76-1.949-1.562-4.218-2.389-6.881c1.52,7.099,3.124,11.55,4.47,14.606c-1.971-3.361-4.551-8.357-5.91-15.539
		c0.018,11.049,4.438,17.474,5.991,20.361c0.897,1.4,2.157,3.333,4.389,5.922c0.74,0.82,1.562,1.755,2.516,2.75
		c-1.254-1.119-2.086-2.074-2.8-2.756c-1.472-1.66-4.979-5.239-7.446-11.932c0.684,2.55,1.566,4.652,2.485,6.385
		c-1.853-3.201-4.508-8.255-6.305-15.636c0.256,4.9,1.214,8.846,2.322,11.953c-1.762-2.298-3.625-5.123-5.366-8.61
		c2.427,8.542,6.57,13.526,9.164,16.377c0.64,0.902,1.437,2.162,2.637,3.629c-0.306-0.305-0.593-0.587-0.867-0.843
		c-2.055-2.217-7.056-6.604-11.167-15.417c1.328,5.206,3.372,9.046,5.311,11.834c-1.537-1.701-3.126-3.676-4.706-5.982
		c2.204,5.016,4.847,8.679,7.295,11.372c-2.695-2.133-6.328-5.276-10.006-10.195c4.214,8.59,9.601,12.418,11.913,14.386
		c-2.612-1.612-5.92-3.744-9.8-6.536c6.317,6.662,11.442,9.856,13.895,11.359c2.458,1.22,6.769,4.007,16.847,6.188
		c-5.044-1.832-8.445-3.575-10.931-5.011c1.932,0.904,4.2,1.858,6.891,2.837c-1.553-0.815-2.942-1.595-4.196-2.338
		c2.894,1.479,6.611,3.186,11.454,5.122c-5.062-2.872-8.721-5.224-11.491-7.136C49.323,121.725,50.496,122.308,51.765,122.905z
		 M36.772,106.244c-0.062-0.108-0.127-0.221-0.195-0.338c0.095,0.146,0.189,0.291,0.284,0.429
		C36.831,106.304,36.802,106.274,36.772,106.244z M75.305,75.201c4.997-5.12,5.688-8.862,6.434-10.839
		c0.627-1.965,1.359-6.292,1.76-12.553c-1.229,6.36-2.076,10.378-2.674,12.295C80.125,65.843,79.894,69.548,75.305,75.201z
		 M87.436,77.98c2.186-1.664,4.606-3.827,6.976-6.747c-2.802,2.344-5.405,4.07-7.68,5.426c1.975-1.753,4.646-4.156,5.43-7.991
		c-1.388,4-4.463,5.956-6.504,7.591c-0.554,0.408-1.076,0.779-1.566,1.12c1.542-1.41,3.936-4.003,6.205-8.125
		c-3.116,4.871-5.909,7.35-7.275,8.497c-0.84,0.77-2.232,1.757-4.674,3.244c-0.227,0.095-0.465,0.197-0.716,0.31
		c1.729-1.314,3.086-2.288,4.136-3.198c2.185-2.069,8.9-6.969,10.738-17.286c-3.874,9.832-10.015,13.267-12.228,15.534
		c-1.17,1.028-2.854,2.407-5.206,4.72c-1.616,1.683-3.916,4.009-5.378,7.465c0.186-0.797,0.383-1.56,0.579-2.283
		c1.362-2.979,3.122-5.103,4.648-6.695c0.519-0.528,1.01-1.004,1.483-1.453c-0.784,1.1-1.654,2.279-2.628,3.546
		c2.2-2.176,3.983-4.093,5.45-5.79c0.344-0.246,0.659-0.476,0.942-0.689c1.634-1.344,5.677-4.106,8.958-10.02
		c-2.968,4.579-5.994,7.056-7.94,8.571c1.317-1.266,3.257-3.083,5.424-5.825c2.4-3.038,4.868-7.704,4.956-13.403
		c-0.971,4.475-2.939,7.749-4.945,10.222c1.41-3.272,3.259-8.575,3.778-15.843c-1.683,6.211-3.571,10.613-5.003,13.649
		c0.773-3.565,0.97-9.142-0.512-15.997c0.174,9.638-1.173,15.449-2.346,18.039c-0.733,2.028-2.417,5.133-6.318,10.508
		c-0.782,0.836-1.65,1.831-2.6,3.054c-0.568,0.72-1.164,1.553-1.741,2.5c0.12-0.388,0.236-0.763,0.349-1.128
		c0.173-0.307,0.333-0.599,0.498-0.896c4.313-6.151,6.31-9.742,7.159-12.408c1.04-2.835,2.836-9.385,1.855-18.722
		c-0.188,7.492-1.427,12.676-2.421,15.922c0.016-0.059,0.034-0.121,0.049-0.178c0.685-3.103,1.941-10.107,0.258-19.842
		c-0.112,5.035-0.559,9.087-1.056,12.266c0.166-3.465-0.088-7.555-1.289-12.146c0.43,7.01-0.487,12.321-1.43,16.209
		c-0.08-3.826-0.476-9.223-1.378-15.979c-0.298,5.221-0.487,9.486-0.632,12.849c-0.605-3.612-1.541-7.613-2.889-11.906
		c1.37,12.539,1.173,21.024,0.294,25.948c0.004-3.964-0.129-11.71-3.098-21.968c0.609,6.783,0.674,12.105,0.629,16.096
		c-0.57-3.75-1.783-8.224-4.375-13.046c2.427,7.896,2.495,13.941,2.392,18.088c-0.401-4.384-1.414-10.933-5.903-18.085
		c2.664,6.941,3.199,12.566,3.379,16.666c-0.039-0.267-0.075-0.512-0.105-0.737c-0.246-1.435-0.838-4.503-2.205-8.796
		c0.833,4.556,1.282,7.482,1.534,8.911c0.015,0.108,0.033,0.226,0.053,0.347c-0.791-3.146-2.237-8.084-4.994-14.29
		c1.996,8.626,2.971,14.156,3.602,16.845c0.387,2.1,1.302,5.402,2.518,11.688c-0.973-4.561-1.65-7.277-2.184-9.225
		c-0.7-2.674-2.659-8.165-4.639-16.501c0.335,7.409,1.563,12.495,2.366,15.513c-0.838-2.413-1.843-5.471-2.827-9.19
		c0.685,5.087,1.709,8.855,2.522,11.492c-1.447-4.004-3.455-9.818-5.112-17.58c0.216,9.405,2.015,15.974,3.309,20.032
		c-1.407-3.885-3.18-9.136-4.948-15.815c0.428,6.057,1.324,10.939,2.267,14.739c-1-2.829-2.199-6.302-3.543-10.407
		c1.802,9.327,3.768,15.147,4.777,17.958c0.307,0.63,0.601,1.433,0.972,2.415c-0.149-0.339-0.293-0.66-0.438-0.962
		c-1.308-3.23-4.4-9.952-7.487-20.464c0.493,5.04,1.324,9.209,2.211,12.577c-1.504-4.181-3.122-9.565-3.914-16.329
		c-0.752,6.697,0.49,12.302,1.471,16.526c1.053,4.254,2.085,7.293,2.769,9.27c0.115,0.348,0.254,0.733,0.404,1.137
		c-1.271-2.596-3.484-6.817-4.838-15.164c0.277,4.05,0.85,7.183,1.509,9.663c-1.221-3.568-2.934-9.394-2.824-17.567
		c-0.799,5.821-0.364,10.508,0.359,14.057c-0.808-3.154-1.583-6.926-2.125-11.362c-0.211,3.196-0.164,6.062,0.032,8.625
		c-0.461-1.418-0.89-2.939-1.251-4.585c0.065,3.25,0.834,6.023,1.675,8.399c0.001,0.007,0.002,0.016,0.003,0.023
		c-1.454-3.472-3.035-8.032-3.971-13.868c-0.298,11.392,3.414,18.303,4.689,21.491c0.806,1.491,1.835,3.702,3.778,6.688
		c1.7,3.446,4.582,8.186,10.273,14.225c-1.555-2.178-2.829-4.162-3.888-5.972c0.833,0.936,1.734,1.91,2.718,2.928
		c-2.529-3.438-4.375-6.372-5.779-8.874c-0.261-0.589-0.498-1.151-0.714-1.686c1.685,2.85,4.259,6.687,8.785,11.608
		c-3.765-4.901-5.911-8.695-7.382-11.591c1.453,2.243,3.314,4.84,5.74,7.842c-3.455-5.176-5.521-9.089-6.892-12.103
		c0.878,1.614,2.214,4.117,4.511,6.807c1.786,3.38,4.228,7.534,8.285,11.979c-2.136-3.092-3.64-5.94-4.793-8.499
		c0.905,0.769,1.902,1.53,3.006,2.265c-1.369-1.198-2.542-2.383-3.56-3.533c-0.821-1.936-1.456-3.689-2.033-5.229
		c-0.173-0.494-0.338-0.966-0.495-1.419c1.062,1.997,2.653,4.766,5.035,8.02c-2.396-4.347-3.867-7.553-4.822-9.54
		c1.811,3.203,4.575,7.507,9.128,13.246C63,97.977,60.872,93.394,59.429,90.028c1.241,2.583,3.091,5.779,6.1,9.624
		c-3.375-5.202-4.937-9.143-5.93-12.084c1.697,3.58,4.537,8.78,10.194,16.129c-5.382-9.39-7.278-15.123-8.671-18.851
		c1.56,3.537,3.945,8.471,7.732,15.567c-3.415-9.21-5.169-14.824-6.392-18.615c0.888,2.294,2.124,5.418,3.828,9.826
		c-1.186-4.151-2.078-7.174-2.772-9.472c0.702,1.989,1.534,4.36,2.512,7.209c0.363,2.173,0.924,4.572,1.887,7.186
		c-0.778-3.468-0.936-6.474-0.929-9.079c0.134,1.745,0.357,3.669,0.75,5.774c-0.019,0.276-0.037,0.552-0.057,0.834
		c0.038-0.185,0.075-0.363,0.112-0.545c0.001,0.004,0.002,0.008,0.002,0.012c0.16,2.525,0.682,5.261,1.872,8.159
		c-1.098-4.228-0.945-7.868-0.408-11.001c0.118-0.272,0.238-0.539,0.365-0.796c-0.438,1.456-0.69,3.096-0.65,4.903
		c0.549-4.514,2.531-7.441,4.55-9.061c-1.963,2.059-4.871,5.572-3.657,10.561c-0.521-5.384,3.071-8.104,5.071-9.806
		c2.244-1.738,3.984-2.719,5.275-3.604c0.327-0.279,0.747-0.576,1.242-0.903c1.27-0.458,2.916-1.043,4.915-1.879
		c2.774-1.204,6.638-3.114,8.954-7.125C92.82,75.842,89.92,77.109,87.436,77.98z M65.585,86.755c-0.013-0.353-0.027-0.7-0.041-1.039
		c0.065,0.635,0.141,1.299,0.232,1.988C65.712,87.382,65.648,87.065,65.585,86.755z M53.175,108.472
		c1.178,0.943,2.482,1.891,3.932,2.817c-1.847-1.363-3.431-2.711-4.805-4.004c-1.008-1.414-1.829-2.72-2.524-3.914
		c2.012,2.065,4.646,4.252,8.094,6.215c-7.655-5.809-10.53-11.29-12.034-13.777c-1.351-2.478-3.931-6.828-7.224-17.012
		c0.535,2.358,1.06,4.416,1.571,6.227c-1.351-3.079-2.769-6.681-4.127-10.843c1.061,8.269,3.125,14.406,4.977,18.698
		c-1.511-2.562-3.2-6.156-4.535-11.503c1.839,9.103,4.91,13.29,6.691,16c0.208,0.396,0.401,0.757,0.575,1.083
		c2.167,3.14,5.247,10.236,17.36,18.596C57.646,113.89,55.106,111.022,53.175,108.472z M55.974,117.049
		c-8.409-9.691-10.703-15.387-12.736-18.639c-1.631-3.177-5.975-9.643-8.583-20.719c0.527,11.817,4.696,18.808,6.354,21.995
		C42.887,102.667,46.104,108.368,55.974,117.049z"/>
	
</g>
<a xlink:href="http://www.brightonline.jp/" target="_blank">  
<g id="rip">
	<path class="hover" id="rip5" fill="#919191" d="M233.041,77.062c-1.334-0.383-2.527-0.642-3.6-0.795c0.336-3.489-0.615-6.083-4.354-8.58
		c-1.155-0.773-1.798-1.804-2.509-2.019c-4.904-1.494-8.739,14.675-6.088,14.675c0.005-0.001,0.009-0.002,0.014-0.003
		c4.459-0.465,14.959-0.104,17.237,0.55c0.881,0.252,1.739,0.604,2.544,1.063c0.004,0.005,0.008,0.005,0.014,0.009
		c0.074,0.034,0.154,0.08,0.238,0.141c1.23,0.75,2.311,1.747,3.066,3.012h0.012C239.214,81.507,237.34,78.299,233.041,77.062z"/>
	<path class="hover" id="rip4" fill="#4C4C4C" d="M239.711,84.956c0.137,1.208,0.107,2.459-0.047,3.696l-0.094,0.159
		c-2.01-1.204-3.536-2.45-3.938-3.944c-0.511-1.883-0.286-3.56,0.749-3.073c0.006,0.005,0.01,0.005,0.016,0.009
		c0.078,0.042,0.158,0.089,0.238,0.141c1.23,0.75,2.309,1.747,3.067,3.012H239.711z"/>
	<path class="hover" id="rip3" fill="#4C4C4C" d="M229.5,74.945c0.004,0.426-0.02,0.866-0.061,1.321c-8.113-1.18-9.438,3.457-12.951,4.075
		c-0.066,0-0.127-0.01-0.188-0.033c-0.782-0.552,5.832-8.431,7.761-8.89c3.916-0.922,5.349,1.438,5.438,3.34
		C229.5,74.819,229.5,74.884,229.5,74.945z"/>
	<path class="hover cursor" id="rip2" fill="#FFFFFF" d="M227.27,76.768c-4.4,0.292-6.068,2.062-3.42,2.033c2.635-0.03,6.267-0.848,8.211-0.688
		C233.846,78.259,230.9,76.527,227.27,76.768z"/>
	<path class="hover" id="rip1" fill="#FFFFFF" d="M221.038,67.091c-1.815,1.374-3.065,4.564-3.337,6.031c-0.182,0.979,1.57-2.518,3.396-3.572
		C223.908,67.927,223.439,65.276,221.038,67.091z"/>
</g>
</a>
<path class="hover" id="nose2" d="M212.924,61.721c0.787-1.368,3.896-6.525,3.682-9.129c0.018,0.14,0.023,0.286,0.023,0.426
	c0,1.719,0.037,6.572-1.936,12.085C212.01,64.723,212.096,63.154,212.924,61.721z"/>
<path class="hover" id="nose1" d="M212.17,57.179c-0.994-0.985-3.316-0.592-4.045,0.657c-0.727,1.249-2.699,5.449-1.855,5.449
	c0.941,0,0.465-0.328,1.989-1.838c1.524-1.51,3.099-1.691,3.778-2.101C212.965,58.787,212.8,57.802,212.17,57.179z"/>
<path class="hover" id="eye" d="M180.417,51.868c-6.735-4.634-10.951-5.794-13.562-6.365c0.496,0.013,0.934,0.01,1.299-0.007
	c1.017-0.07,2.437-0.125,4.498-0.701c1.785-0.551,5.494-1.701,6.072-5.667c-1.24,3.602-4.504,3.91-6.24,4.219
	c-0.408,0.052-0.785,0.086-1.146,0.113c1.848-0.664,5.253-2.392,6.446-7.923c-2.537,5.901-6.228,6.025-7.695,6.59
	c-0.254,0.088-0.565,0.171-0.924,0.25c0.692-0.222,1.25-0.461,1.665-0.676c1.388-0.773,5.042-2.558,6.643-8.896
	c-1.921,4.129-4.146,5.707-5.777,6.583c1.181-1.276,2.054-3,2.039-5.258c-0.713,3.599-3.057,5.108-5.118,5.798
	c0.924-1.067,1.926-2.891,2.218-5.911c-1.264,4.243-3.109,5.352-4.078,6.032c-0.064,0.051-0.146,0.107-0.229,0.164
	c-2.264-2.09-4.685-4.325-7.547-5.618c2.474,1.592,4.301,3.752,6.146,6.014c-1.604,0.184-2.879,0.216-3.916,0.339
	c-1.274,0.146-3.302,0.324-6.03,0.844c-2.548,0.582-6.434,1.316-8.977,4.554c-0.04,0.039-0.086,0.076-0.124,0.115
	c0.011-0.001,0.021-0.001,0.028-0.002c-0.004,0.006-0.01,0.011-0.015,0.018c0.009-0.007,0.019-0.012,0.025-0.019
	c0.08-0.007,0.164-0.014,0.245-0.02c-0.098,0.016-0.188,0.029-0.287,0.045c7.857,0.722,11.041,0.701,15.232,1.282
	c4.237,0.587,6.721,0.25,13.944,4.645c-1.771-1.787-3.453-3.061-5.019-3.985C172.635,48.93,175.902,49.847,180.417,51.868z"/>
<path class="hover" id="ear" d="M133.645,105.131c-1.617-2.454-4.637-2.772-7.354-3.702c0.014-0.002,0.024-0.004,0.038-0.007
	c-2.686-0.847-3.725-1.185-4.986-1.431c-1.062-0.222-4.779-0.148-9.98-4.375c4.239,4.155,7.871,5.75,9.44,6.036
	c1.433,0.304,2.777,0.296,5.43-0.212c2.672,1.143,5.652,1.749,6.875,4.032c1.273,2.271,0.441,5.284-1.424,6.589
	c-4.248,1.778-9.95,0.797-14.536,2.938c-4.547,1.083-9.59,1.352-14.668,1.429c-5.125,0.215-10.284-1.245-15.247-4.474
	c-2.368-1.562-4.461-3.298-6.237-5.138c7.339,3.875,13.569,5.781,18.406,6.106c5.059,0.362,8.314-0.828,10.056-1.597
	c1.646-0.755,3.034-1.681,4.586-2.96c0.776-0.64,1.577-1.385,2.516-2.198c0.931-0.717,2.05-1.94,3.841-1.565
	c-1.728-0.692-3.284,0.424-4.313,1.01c-1.098,0.689-1.998,1.32-2.829,1.862c-1.66,1.079-2.993,1.876-4.511,2.581
	c-1.448,0.626-4.01,1.961-8.818,2.059c-4.604,0.086-11.109-1.384-18.962-5.325c-1.923-1.997-3.47-4.117-4.543-6.286
	c-0.91-2.292-0.829-4.854-0.101-7.21c-0.019,0.289-0.007,0.588,0.077,0.909c0.303-2.981,3.2-3.831,5.504-5.637
	c3.982-2.531,8.442-2.836,10.781-2.211c1.887,0.464,3.439,1.994,7.342,4.138c0.493,1.888-1.217,5.34-1.883,6.493
	c-1.292,2.239-0.39,6.948,1.562,8.899c-0.391-2.186-0.353-4.305,0.312-5.386c1.884-3.068,2.342-4.45,1.717-6.167
	c-0.615-1.692-0.705-1.877-1.675-3.821c0.029,0.016,0.055,0.031,0.083,0.046c-0.036-0.028-0.066-0.055-0.102-0.083
	c-0.008-0.018-0.015-0.03-0.023-0.047c0.003,0.009,0.001,0.022,0.004,0.031c-3.407-2.724-4.233-4.766-6.92-5.571
	c-4.341-0.736-7.573,1.745-10.608,2.829c-1.969,0.841-3.301,1.658-4.379,2.606c-0.375,0.36-0.784,0.77-1.12,1.235
	c0.556-1.194,1.271-2.295,2.1-3.227c2.754-3.26,7.792-3.65,12.539-4.47c4.881-0.526,10.304-1.182,16.298-0.208
	c-5.932-1.454-11.449-1.167-16.42-0.902c-4.812,0.614-10.046,0.611-13.656,4.43c-3.227,3.57-5.126,8.813-3.17,14.095
	c2.341,4.76,6.255,8.805,11.494,12.298c5.219,3.466,11.169,5.055,16.46,4.755c5.303-0.149,10.164-0.408,15.164-1.765
	c4.326-2.221,9.441-1.143,14.583-3.643C134.624,111.1,135.246,107.615,133.645,105.131z"/>
</svg>


  <p>by freedesignfile.com</P>
</div>
            
          
!
            
              body {
  background: #6D6D6D;
  font-family: Quicksand;
}
#wrap {
  padding-top: 20px;
  text-align: center;
}
.hover,.hover:hover {
  -webkit-transition: all 1s;
    transition: all 1s;
}
#rip5:hover  {
  fill:#F00;
}
#hair2:hover  {
  fill:#1DD2FF;
}
#hair1:hover  {
  fill:#FFEFBB;
}
#body:hover  {
  fill:#f2e2ce;
}
#eye:hover  {
  transform: translateX(65px);
}

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console