-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtoolkit.css
39 lines (34 loc) · 22.8 KB
/
toolkit.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
@charset "UTF-8";#menu li:hover,.like:hover{cursor:pointer}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.course-button{transition:none!important}}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;outline:0;font:inherit;vertical-align:baseline}.title h1,body,header{font-family:GTWalsheimProMedium}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:’’;content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:GTWalsheimProMedium-Oblique;src:local("GTWalsheimProMedium-Oblique"),url(./font/GTWalsheimProMedium-Oblique.woff2) format("woff2"),url(./font/GTWalsheimProMedium-Oblique.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:GTWalsheimProLight-Oblique;src:local("GTWalsheimProLight-Oblique"),url(./font/GTWalsheimProLight-Oblique.woff2) format("woff2"),url(./font/GTWalsheimProLight-Oblique.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:GTWalsheimProMedium;src:local("GTWalsheimProMedium"),url(./font/GTWalsheimProMedium.woff2) format("woff2"),url(./font/GTWalsheimProMedium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:GTWalsheimProRegular-Oblique;src:local("GTWalsheimProRegular-Oblique"),url(./font/GTWalsheimProRegular-Oblique.woff2) format("woff2"),url(./font/GTWalsheimProRegular-Oblique.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:GTWalsheimProThin;src:local("GTWalsheimProThin"),url(./font/GTWalsheimProThin.woff2) format("woff2"),url(./font/GTWalsheimProThin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:GTWalsheimProRegular;src:local("GTWalsheimProRegular"),url(./font/GTWalsheimProRegular.woff2) format("woff2"),url(./font/GTWalsheimProRegular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:GTWalsheimProBold-Oblique;src:local("GTWalsheimProBold-Oblique"),url(./font/GTWalsheimProBold-Oblique.woff2) format("woff2"),url(./font/GTWalsheimProBold-Oblique.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:GTWalsheimProLight;src:local("GTWalsheimProLight"),url(./font/GTWalsheimProLight.woff2) format("woff2"),url(./font/GTWalsheimProLight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:GTWalsheimProBold;src:local("GTWalsheimProBold"),url(./font/GTWalsheimProBold.woff2) format("woff2"),url(./font/GTWalsheimProBold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:GTWalsheimProThin-Oblique;src:local("GTWalsheimProThin-Oblique"),url(./font/GTWalsheimProThin-Oblique.woff2) format("woff2"),url(./font/GTWalsheimProThin-Oblique.woff) format("woff");font-weight:100;font-style:italic}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}b,strong{font-weight:700}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem;margin-top:0}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}.hide{display:none!important}header{z-index:2;width:100%;position:fixed;top:0;height:7rem;padding:0 2%;background:rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}header .title{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='500' height='500' version='1'%3E%3Cdefs%3E%3Cpath id='a' d='M0 250a250 250 0 1 1 500 0 250 250 0 0 1-500 0zm97-103v106h42v-16h-26v-31h19v-16h-19v-27h26v-16H97zm80 91c6 0 8-4 8-11v-52c0-8-4-12-13-12h-4v75h9zm-25-91h23c19 0 27 10 27 29v48c0 20-8 29-26 29h-24V147zm63 25c0-17 9-27 25-27s24 9 24 27v10h-16v-11c0-8-3-11-8-11-6 0-9 3-9 11v59c0 7 3 11 9 11 5 0 8-4 8-11v-17h-10v-13h26v53h-8l-3-7c-4 7-9 10-16 10-14 0-22-11-22-30v-54zm64-25h43v16h-26v27h18v16h-18v31h26v16h-43V147zM112 381H95V275h24c18 0 26 8 26 30 0 13-3 21-10 26l12 50h-17l-10-45h-8v45zm0-60v-31h6c8 0 10 3 10 15 0 11-2 16-10 16h-6zm53-46l10 42h1l10-42h17l-19 62v44h-16v-42l-20-64h17zm69 90c6 0 9-4 9-11v-51c0-9-4-13-13-13h-4v75h8zm-24-90h23c18 0 27 9 27 29v47c0 20-8 30-26 30h-24V275zm136 46v-31h6c8 0 10 3 10 15 0 11-2 16-10 16h-6zm-72-46h43v15h-26v28h19v15h-19v32h26v16h-43V275zm72 106h-16V275h24c17 0 25 8 25 30 0 13-3 21-10 26l12 50h-17l-10-45h-8v45zm57-30c1 11 4 16 11 16 6 0 10-4 10-10 0-9-6-14-15-23-12-12-20-21-20-35 0-15 11-26 25-26s24 10 25 26l-16 2c-1-9-3-13-9-13-5 0-9 4-9 10 0 9 7 16 17 25 11 11 18 19 18 34s-11 26-26 26-26-11-27-29l16-3zm-65-172v-42h-42a42 42 0 1 1 42 42z'/%3E%3C/defs%3E%3Cuse fill='%23797979' fill-rule='evenodd' xlink:href='%23a'/%3E%3C/svg%3E") center left no-repeat;z-index:1;background-size:contain;width:auto;height:45px;display:flex;align-items:center;padding-left:56px}.title h1{float:left;color:#69696A;font-size:2.1rem!important;margin:0;letter-spacing:.001em;padding:0}#menu a,a{text-decoration:none;color:#000}#menu a{font-family:GTWalsheimProRegular}#menu li:nth-child(4) a,h1{font-family:GTWalsheimProBold}#menu li{display:inline-block;margin:0 10px}#menu li:nth-child(4) a{padding:12px 25px;background:#05c1e8;border-radius:30px;color:#fff!important}h1{line-height:1.2;color:#ff4501;margin:5% 5% 0;font-size:13vw}h2{line-height:1.25;font-family:GTWalsheimProMedium;margin:0 5%;font-size:11vw}.share-link{color:gold;font-size:2.5rem; display: inline-block; width: auto;margin: 0 auto;border-bottom:1px dotted gold;font-family:'Just Me Again Down Here',cursive}.front h3{font-weight:400;font-size:4.3rem;margin-top:4%;passing:0}.back h3,.likes{font-weight:100}.front p{padding:29% 10% 6%;line-height:1.6em;font-size:2.3rem}.intro p{font-family:'Reenie Beanie',cursive;font-size:9vw;line-height:4.2rem;padding:5% 5% 0}.banner,.card h3,.card p,.page-menu .button{font-family:GTWalsheimProMedium}.banner{font-size:2.5rem;color:#424242;margin:7rem 0 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='orangered' d='M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zM142.1 273l135.5 135.5c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L226.9 256l101.6-101.6c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L142.1 239c-9.4 9.4-9.4 24.6 0 34z'/%3E%3C/svg%3E") 20px center no-repeat #f7f9f9;background-size:10%;padding:5% 0 5% 20%}.page-menu{height:20rem;width:100%;margin:2rem auto 60px;clear:both!important}.page-menu .button{display:inline-block;padding:1em;margin-bottom:10px;font-size:1.9rem;cursor:pointer;float:left;background:#f1f3f3;border:none;border-radius:10px}.grid{width:95%;margin:0 auto;min-height:450px;padding-bottom:100px}.filter-button-group{width:auto;text-align:center;padding:15px 0}.back,.card{width:100%;backface-visibility:hidden}.filter-button-group .button{border:none;color:#424242;font-size:1.2em;float:left;border-bottom:1px solid #b6b8b8;margin-right:12px}.filter-button-group .button:hover{color:#000}.filter-button-group .button.is-checked{color:#fff!important;background-color:gray}.filter-button-group .button:nth-child(2).is-checked{background-color:#FF672B!important}.filter-button-group .button:nth-child(3).is-checked{background-color:#02a5e3!important}.filter-button-group .button:nth-child(4).is-checked{background-color:#8ac476!important}.filter-button-group .button:nth-child(5).is-checked{background-color:#879db8!important}.sort-by-button-group{float:left;margin:2px auto!important;font-size:1.7em}.sort-by-button-group .button{margin:0;color:#454646;background:#fff;border:1px solid #d3d6d6}.sort-by-button-group .button:nth-child(1){border-right:none;border-radius:10px 0 0 10px}.sort-by-button-group .button.is-checked{background-color:#05c1e8;border:1px solid #05c1e8;color:#fff}.sort-by-button-group .button:nth-child(2){border-radius:0 10px 10px 0;border-left:none}.back,.front{border-radius:10px;left:0;text-align:center}.card{float:none;clear:both;margin:0 auto 6%;padding:0;height:auto;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden}.back{transform-style:preserve-3d;position:absolute;top:0;height:93%;background:#37393a;padding-top:7%;transform:rotateY(-180deg);-webkit-backface-visibility:hidden;-webkit-transition:all 1.2s cubic-bezier(.175,.885,.32,1.275);transition:all 1.2s cubic-bezier(.175,.885,.32,1.275)}.container,.front{position:relative;top:0}.front{transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:all 1.2s cubic-bezier(.175,.885,.32,1.275);transition:all 1.2s cubic-bezier(.175,.885,.32,1.275);background-color:#191a1a;box-shadow:0 2px 0 rgba(0,0,0,.2);z-index:2;transform:rotateY(0);padding:1px}@media only screen and (min-width:760px){h1{font-size:5vw}h2{font-size:4.5vw}.intro p{font-size:4vw;padding:3% 5% 0}.page-menu{width:100%;height:12rem;clear:both}.hide{display:inline!important}.sort-by-button-group{float:left;margin:1rem 0}.grid{padding:0 0 100px;width:90%!important;position:relative;margin:0 auto;clear:both;min-height:450px}.banner{font-size:2rem;color:#424242;margin:7rem 0 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='orangered' d='M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zM142.1 273l135.5 135.5c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L226.9 256l101.6-101.6c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L142.1 239c-9.4 9.4-9.4 24.6 0 34z'/%3E%3C/svg%3E") 3.5rem center no-repeat #f7f9f9;background-size:3rem;padding:2% 0 2% 8rem;font-family:GTWalsheimProMedium}.card{float:left;width:48%;margin:1%}.front h3{font-size:3.3rem;margin-top:4%}.front p{font-size:2.3rem}}@media only screen and (min-width:1000px){h1,h2{text-align:center}h1{font-size:3vw!important}h2{font-size:2.5vw}.intro p{font-size:3vw;color:#3b3b3b;padding:3% 15% 0}.grid{width:95%;padding:0}.page-menu{height:9rem!important;margin:3rem 0 0 1rem!important;width:100%;clear:both!important}.sort-by-button-group{margin:-1.4rem 0 0 2rem!important}.page-menu .button{font-family:GTWalsheimProMedium;display:inline-block;padding:1em;margin-bottom:10px;font-size:1.6rem}.card{float:left;width:30%;margin:1.5%}.front h3{font-size:3rem;margin-top:4%}.front p{font-size:1.8rem}.people .front{background-position:center 5.7rem!important}.platform .front{background-position:center 6.9rem!important}.management .front{background-position:center 3rem!important}.externals .front{background-position:center 5.8rem!important}.externals .front p{padding-top:25%}.share-link{font-size:2.7rem}}.back,.front{color:#fff}button:focus{outline:0}.liked{border:1px solid gold!important;background-color:gold!important;pointer-events:none}.management .back{background:url(http://api.thumbr.it/whitenoise-361x370.png?background=8bc57600&noise=626262&density=15&opacity=15) #75a664}.management .liked,.management a:active{color:#75a664;background-color:gold!important}.platform .back{background:url(http://api.thumbr.it/whitenoise-361x370.png?background=c1492a&noise=626262&density=5&opacity=25) #c1492a}.platform .liked,.platform a:active{color:#c1492a}.people .back{background:url(http://api.thumbr.it/whitenoise-361x370.png?background=4ea6ca00&noise=626262&density=45&opacity=15) #008bb3}.people .liked,.people a.like:active{color:#008bb3}.externals .back{background:url(http://api.thumbr.it/whitenoise-361x370.png?background=708091&noise=626262&density=5&opacity=45) #708091}.externals .liked,.externals a:active{color:#708091}.card:hover .back{transform:rotateY(0)}.card:hover .front{transform:rotateY(180deg)}.card h3,.card p{text-align:center;color:#fff!important}.like{display:inline-block;border-radius:60px;border:1px solid #fff;padding:2.5rem;color:#fff;text-align:center;margin:0 auto!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 128 160'%3E%3Cpath fill='none' class='stroke' stroke='%23fff' stroke-width='5px' d='M122 44l-35-3c-2 0-4-2-5-4L70 7c-2-5-10-5-12 0L46 37c-1 2-3 4-5 4L6 44c-5 1-7 7-3 11l26 23c2 1 2 4 2 6l-8 32c-1 5 4 9 9 7l29-17c2-2 4-2 6 0l29 17c5 2 10-2 9-7l-8-32c0-3 0-5 2-6l27-23c3-4 1-10-4-11z'/%3E%3C/svg%3E") center 60% no-repeat;background-size:40%}.like:hover{color:gold;border-color:gold;background-color:gold}.liked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 128 160'%3E%3Cpath fill='%23fff' class='stroke' stroke='none' stroke-width='0px' d='M122 44l-35-3c-2 0-4-2-5-4L70 7c-2-5-10-5-12 0L46 37c-1 2-3 4-5 4L6 44c-5 1-7 7-3 11l26 23c2 1 2 4 2 6l-8 32c-1 5 4 9 9 7l29-17c2-2 4-2 6 0l29 17c5 2 10-2 9-7l-8-32c0-3 0-5 2-6l27-23c3-4 1-10-4-11z'/%3E%3C/svg%3E") center 65% no-repeat;background-size:50%}.likes{margin-top:5px}.one-line{padding-top:29%!important;padding-bottom:2.7%!important}.container{width:auto;height:auto}.externals .front{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'%3E%3Cg fill='white'%3E%3Cpath d='M8.6 61.9c1.8 7.4 5.5 14.1 10.6 19.5 0.4 2.9 1.1 5.5 2.2 7.7 1.9 3.8 5 6.3 8.7 7.2 1 0.2 2 0.3 3 0.3 2.9 0 6.1-0.9 9.5-2.6 2.4 0.4 4.8 0.6 7.3 0.6 5.3 0 10.4-1 15-2.8l-0.1 0.4c2.7 0.9 5.4 1.7 7.9 1.7 1.9 0 3.6-0.5 5.1-1.7 2.7-2.3 3.8-6.2 3.3-11.2 5.7-6.1 9.6-13.8 10.9-22.5 3.8-2.9 5.9-6.2 5.8-9.7 -0.1-3.8-3.8-6.8-6.9-9L90.7 40c-2.3-7.9-6.9-14.8-12.9-20C76.5 16 73.5 9.5 68 8.3c-3.5-0.8-7.3-0.1-11.3 1.7 -2.2-0.4-4.5-0.5-6.8-0.5 -8.9 0-17.3 2.8-24.1 7.5 -4.5-1-8.1-0.5-10.7 1.6 -2.8 2.3-2.6 7.5-2.3 12.2l0.3 0c-1.9 3.3-3.4 6.9-4.4 10.7l-0.2-0.3c-6.2 4-7.4 8.1-7.3 10.7C1.4 55.7 4 59.1 8.6 61.9zM93.7 48.9c0 1.2-0.4 2.3-1.3 3.5 0-0.1 0-0.3 0-0.4 0-2.1-0.2-4.1-0.4-6.1C93.1 47 93.7 48 93.7 48.9zM18.9 74.8c-2.3-3.2-4.2-6.7-5.5-10.5 0.8 0.3 1.7 0.7 2.6 1 0.1 2.2 1.4 4.1 3.2 5.1C19 71.8 18.9 73.3 18.9 74.8zM31.1 92.2c-2.6-0.6-4.6-2.3-6-5.1 -0.2-0.4-0.3-0.7-0.5-1.1 3.4 2.6 7.3 4.6 11.4 6.1C34.2 92.5 32.5 92.6 31.1 92.2zM49.9 90.5c-10.5 0-20-4.2-26.9-11 -0.2-2.6-0.2-5.5 0.2-8.6 1.7-0.3 3.2-1.4 4-2.9 5.5 0.9 11.8 1.4 18.4 1.4 1.5 0 3 0 4.5-0.1 6.4-0.2 12.5-0.9 18-1.9C69.2 69 71 70 73 70c0.2 0 0.4 0 0.6 0 1.6 3.6 2.6 6.8 3.1 9.6C69.8 86.3 60.4 90.5 49.9 90.5zM25.4 60c1.1-3.8 2.5-7.8 4.3-11.8 2.5-5.7 5.6-11.1 8.9-15.8 0.8 0.4 1.6 0.6 2.5 0.6 1.2 0 2.3-0.4 3.2-1 4.6 3.9 9.3 8.5 13.6 13.6 4.2 4.9 7.7 9.8 10.6 14.4 -0.8 0.9-1.3 2.1-1.4 3.5 -5.1 0.9-10.8 1.6-17 1.8 -8.2 0.3-15.7-0.3-22.1-1.4C27.6 62.4 26.7 60.9 25.4 60zM75.2 89.1C74.1 90 72.4 90 70 89.5c2.5-1.4 4.9-3 7.1-4.8C76.9 86.6 76.3 88.1 75.2 89.1zM80.1 75.9c-0.6-2.4-1.6-5-2.8-7.7 0.9-0.9 1.5-2.1 1.6-3.4 3.1-1 5.9-2.1 8.3-3.4C85.9 66.8 83.4 71.7 80.1 75.9zM67.2 12.2c1.3 0.3 2.6 1.3 3.7 2.8 -2.1-1.2-4.3-2.2-6.5-3C65.3 12 66.3 12 67.2 12.2zM57.3 14.2C75 17.7 88.4 33.3 88.4 52c0 1.4-0.1 2.8-0.2 4.2 -2.6 1.7-6 3.3-10.1 4.6C77 59.1 75.1 58 73 58c-0.4 0-0.7 0-1 0.1 -3-4.9-6.7-10-11-15 -4.6-5.4-9.4-10.2-14.2-14.2 0.2-0.6 0.3-1.2 0.3-1.9 0-1.4-0.5-2.6-1.2-3.6C49.6 19.3 53.6 16.2 57.3 14.2zM49.9 13.5c0.3 0 0.6 0 0.9 0 -2.9 2-5.7 4.6-8.5 7.6C41.9 21.1 41.5 21 41 21c-1.3 0-2.6 0.4-3.6 1.2 -0.7-0.4-1.4-0.8-2.1-1.2 -1.6-0.9-3.2-1.7-4.7-2.3C36.4 15.4 42.9 13.5 49.9 13.5zM17.8 21.7c0.9-0.8 2.1-1.1 3.6-1.2 -1.7 1.5-3.2 3.2-4.7 5C16.9 23.5 17.2 22.2 17.8 21.7zM26.6 21.4c2.1 0.7 4.4 1.7 6.8 3.1 0.6 0.3 1.2 0.7 1.8 1C35.1 26 35 26.5 35 27c0 0.9 0.2 1.8 0.6 2.5C32 34.6 28.7 40.4 26 46.7c-1.8 4.2-3.3 8.4-4.5 12.4 -1.7 0.1-3.2 1-4.2 2.3 -1.9-0.7-3.6-1.4-5.1-2.2 -0.4-2.3-0.7-4.7-0.7-7.2C11.4 39.5 17.4 28.4 26.6 21.4zM7.8 46.9c-0.2 1.7-0.3 3.4-0.3 5.1 0 1.4 0.1 2.8 0.2 4.2 -1.5-1.4-2.3-2.9-2.4-4.3C5.2 50 6.3 48.3 7.8 46.9z'/%3E%3C/g%3E%3C/svg%3E") center 8rem no-repeat,url(http://api.thumbr.it/whitenoise-361x370.png?background=879db8&noise=626262&density=5&opacity=45) left top #879db8;background-size:28%,auto}.management .front{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'%3E%3Cg fill='white'%3E%3Cpath d='M50 55.1c5 0 10.3-1.2 10.3-3.3 0-1.5-2.4-2.5-5.5-3 -0.1 0.3-0.2 0.5-0.3 0.8 3.1 0.5 4.9 1.4 4.9 2.2 0 1-3.6 2.5-9.4 2.5 -5.8 0-9.4-1.4-9.4-2.5 0-0.7 1.8-1.7 4.9-2.2 -0.1-0.3-0.2-0.5-0.3-0.8 -3.1 0.5-5.5 1.5-5.5 3C39.7 53.9 45 55.1 50 55.1z'/%3E%3Cpath d='M45.7 44.4h0.4v3.9c0 2.1 1.7 3.9 3.9 3.9 2.1 0 3.9-1.7 3.9-3.9v-3.9h0.4c1 0 1.8-0.8 1.8-1.8v-1.9 -0.5 -4.2c0-3.4-2.7-6.1-6.1-6.1 -3.4 0-6.1 2.7-6.1 6.1v4.2 0.5 1.9C43.9 43.6 44.7 44.4 45.7 44.4z'/%3E%3Ccircle cx='50' cy='25.3' r='4.1'/%3E%3Cpath d='M29.4 72c-0.1 0.3-0.2 0.5-0.3 0.8 3.1 0.5 4.9 1.4 4.9 2.2 0 1-3.6 2.5-9.4 2.5 -5.8 0-9.4-1.4-9.4-2.5 0-0.7 1.8-1.7 4.9-2.2 -0.1-0.3-0.2-0.5-0.3-0.8 -3.1 0.5-5.5 1.5-5.5 3 0 2.2 5.3 3.3 10.3 3.3 5 0 10.3-1.2 10.3-3.3C34.9 73.5 32.5 72.5 29.4 72z'/%3E%3Cpath d='M20.3 67.6h0.4v3.9c0 2.1 1.7 3.9 3.9 3.9s3.9-1.7 3.9-3.9v-3.9h0.4c1 0 1.8-0.8 1.8-1.8v-1.9 -0.5 -4.2c0-3.4-2.7-6.1-6.1-6.1s-6.1 2.7-6.1 6.1v4.2 0.5 1.9C18.5 66.8 19.3 67.6 20.3 67.6z'/%3E%3Ccircle cx='24.6' cy='48.5' r='4.1'/%3E%3Cpath d='M80.2 72.5c-0.1 0.3-0.2 0.5-0.3 0.8 3.1 0.5 4.9 1.4 4.9 2.2 0 1-3.6 2.5-9.4 2.5 -5.8 0-9.4-1.4-9.4-2.5 0-0.7 1.8-1.7 4.9-2.2 -0.1-0.3-0.2-0.5-0.3-0.8 -3.1 0.5-5.5 1.5-5.5 3 0 2.2 5.3 3.3 10.3 3.3s10.3-1.2 10.3-3.3C85.7 74 83.3 73 80.2 72.5z'/%3E%3Cpath d='M71.1 68.1h0.4v3.9c0 2.1 1.7 3.9 3.9 3.9s3.9-1.7 3.9-3.9V68.1h0.4c1 0 1.8-0.8 1.8-1.8v-1.9 -0.5 -4.2c0-3.4-2.7-6.1-6.1-6.1s-6.1 2.7-6.1 6.1v4.2 0.5 1.9C69.3 67.3 70.1 68.1 71.1 68.1z'/%3E%3Ccircle cx='75.4' cy='49' r='4.1'/%3E%3Crect x='36.3' y='74.3' width='26.9' height='1'/%3E%3Cpolygon points='29.6 70.3 46.1 56.7 45.4 55.9 29.6 68.9 '/%3E%3Cpolygon points='53.6 56.7 70.5 70.7 70.5 69.3 54.2 55.9 '/%3E%3C/g%3E%3C/svg%3E") center 4.9rem no-repeat,url(http://api.thumbr.it/whitenoise-361x370.png?background=8bc57600&noise=626262&density=15&opacity=15) left top #8bc576;background-size:47%,auto}.people .front{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125'%3E%3Cg fill='white'%3E%3Ccircle cx='24.3' cy='42.2' r='6.4'/%3E%3Cpath d='M35.3 61.5l0-3.7c-0.2-4.3-2.7-8-6.2-9.9 -1.3 1.1-3 1.8-4.9 1.8 -1.8 0-3.5-0.7-4.9-1.8 -3.5 1.8-6 5.5-6.2 9.9 0 0 0 3.6 0 3.7 0 1.5 4.9 2.8 11 2.8C30.3 64.3 35.3 63 35.3 61.5z'/%3E%3Ccircle cx='75.7' cy='42.2' r='6.4'/%3E%3Cpath d='M80.6 48c-1.3 1.1-3 1.8-4.9 1.8 -1.8 0-3.5-0.7-4.9-1.8 -3.5 1.8-6 5.5-6.2 9.9 0 0 0 3.6 0 3.7 0 1.5 4.9 2.8 11 2.8 6.1 0 11-1.2 11-2.8l0-3.7C86.6 53.5 84.1 49.8 80.6 48z'/%3E%3Ccircle cx='50' cy='67.9' r='6.4'/%3E%3Cpath d='M54.9 73.7c-1.3 1.1-3 1.8-4.9 1.8 -1.8 0-3.5-0.7-4.9-1.8 -3.5 1.8-6 5.5-6.2 9.9 0 0 0 3.6 0 3.7 0 1.5 4.9 2.8 11 2.8 6.1 0 11-1.2 11-2.8l0-3.7C60.9 79.2 58.4 75.5 54.9 73.7z'/%3E%3Ccircle cx='50' cy='16.4' r='6.4'/%3E%3Cpath d='M29.8 37.1c2.2-3.4 5.1-6.1 8.6-8.1 0.4-1.4 1-2.7 1.8-3.8 -5.2 2-9.6 5.7-12.6 10.3C28.4 35.9 29.2 36.4 29.8 37.1z'/%3E%3Cpath d='M70.2 37.1c0.6-0.7 1.3-1.2 2.1-1.6 -3-4.6-7.4-8.2-12.6-10.3 0.8 1.2 1.4 2.4 1.8 3.8C65.1 30.9 68.1 33.7 70.2 37.1z'/%3E%3Cpath d='M43.8 73.2c-5.1-1.4-9.6-4.4-12.8-8.4 -1 0.2-2.1 0.3-3 0.4 3.2 4.6 7.9 8.2 13.3 10.1C42.1 74.5 42.9 73.8 43.8 73.2z'/%3E%3Cpath d='M56.2 73.2c0.9 0.6 1.8 1.3 2.5 2 5.4-1.9 10.1-5.4 13.3-10.1 -1-0.1-2-0.2-3-0.4C65.7 68.8 61.3 71.8 56.2 73.2z'/%3E%3Cpath d='M39 35.8c0 1.5 4.9 2.8 11 2.8 6.1 0 11-1.2 11-2.8l0-3.7c-0.2-4.3-2.7-8-6.2-9.9 -1.3 1.1-3 1.8-4.9 1.8 -1.8 0-3.5-0.7-4.9-1.8 -3.5 1.8-6 5.5-6.2 9.9C39 32.1 39 35.7 39 35.8z'/%3E%3C/g%3E%3C/svg%3E") center 6.8rem no-repeat,url(http://api.thumbr.it/whitenoise-361x370.png?background=4ea6ca00&noise=626262&density=45&opacity=15) left top #1da5db;background-size:35%,auto}.platform .front{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 250' x='0px' y='0px'%3E%3Cg fill='white'%3E%3Ccircle cx='66.67' cy='118.61' r='4.34'/%3E%3Ccircle cx='80.15' cy='118.61' r='4.34'/%3E%3Ccircle cx='93.63' cy='118.61' r='4.34'/%3E%3Cpath d='M120.11,163.38l-4.45-1.15a16.94,16.94,0,0,0-2-5.55l2.64-4.34a1.17,1.17,0,0,0-.16-1.44l-2-2a1.17,1.17,0,0,0-1.43-.18l-4.06,2.44a17,17,0,0,0-5.36-2.46l-1.22-4.84A1.15,1.15,0,0,0,101,143H98.14a1.16,1.16,0,0,0-1.14.86l-1.15,4.55a17,17,0,0,0-5.55,2L86,147.81a1.18,1.18,0,0,0-1.44.17l-2,2a1.18,1.18,0,0,0-.18,1.44l2.44,4.06a17.13,17.13,0,0,0-2.5,5.36L77,162.07a1.65,1.65,0,0,0-1.3,1.14V166a1.65,1.65,0,0,0,1.3,1.14l4.81,1.15a17.25,17.25,0,0,0,2.14,5.55l-2.55,4.34a1.18,1.18,0,0,0,.2,1.44l2,2a1.19,1.19,0,0,0,1.44.18l4.07-2.44a17.27,17.27,0,0,0,5.36,2.56L95.69,187a1.27,1.27,0,0,0,1.14,1h2.82a1.27,1.27,0,0,0,1.14-1l1.15-4.7a17.16,17.16,0,0,0,5.55-2.09l4.34,2.58a1.18,1.18,0,0,0,1.44-.19l2-2a1.18,1.18,0,0,0,.18-1.44L113,175.08a17.19,17.19,0,0,0,2.51-5.36l4.59-1.23a1,1,0,0,0,.56-1.14v-2.83A1,1,0,0,0,120.11,163.38Zm-21,10.57a8.57,8.57,0,1,1,8.57-8.57A8.57,8.57,0,0,1,99.15,173.94Z'/%3E%3Cpath d='M195.19,17H150.5a3.71,3.71,0,0,0-3.84,3.82V60.23A3.67,3.67,0,0,0,150.5,64h18.16v9.12A3.77,3.77,0,0,1,164.78,77H141.55a12.08,12.08,0,0,0-11.88,12.25V102h-27V47h18.83c2.21,0,4.17-1.38,4.17-3.59V4a4.15,4.15,0,0,0-4.17-4H76.81a4.12,4.12,0,0,0-4.14,4V43.41c0,2.21,1.93,3.59,4.14,3.59H94.67v55h-25V89.25A12.28,12.28,0,0,0,57.56,77H34.32a3.58,3.58,0,0,1-3.65-3.88V64H49.49a4,4,0,0,0,4.17-3.77V20.82A4,4,0,0,0,49.49,17H4.81A4,4,0,0,0,.67,20.82V60.23A3.93,3.93,0,0,0,4.81,64H22.67v9.12A11.58,11.58,0,0,0,34.32,85H57.56a4.27,4.27,0,0,1,4.11,4.25V102H48.06a4.58,4.58,0,0,0-4.39,4.26v89.81c0,2.21,2.18,3.93,4.39,3.93H149.88a3.76,3.76,0,0,0,3.78-3.93V106.26a4,4,0,0,0-3.78-4.26H137.67V89.25A4.08,4.08,0,0,1,141.55,85h23.24a11.77,11.77,0,0,0,11.88-11.88V64h18.52c2.21,0,4.48-1.56,4.48-3.77V20.82C199.67,18.61,197.4,17,195.19,17ZM117.67,8v5h-37V8h37Zm-37,13h37V39h-37V21Zm-35,4v5h-37V25h37Zm-37,13h37V56h-37V38Zm43,154V136h94v56h-94Zm94-64h-94V110h94v18Zm46-103v5h-37V25h37Zm-37,31V38h37V56h-37Z'/%3E%3C/g%3E%3C/svg%3E") center 8.4rem no-repeat,url(http://api.thumbr.it/whitenoise-361x370.png?background=f15c33&noise=626262&density=5&opacity=25) left top #ff4501;background-size:26%,auto}.platform .front .container{transform:none!important}
.give_feedback {
display: flex;
flex-direction: column;
}
.feedback {
width: 100%;
height: 400px;
margin: 20px 0 10px;
border-radius: 10px;
padding: 20px;
font-size: 16px;
border-color: #ddd;
}
.modal {
padding: 30px;
}
.modal h3 {
text-align: center;
font-size: 20px;
margin: 20px 0 0 0;
}
.modal button {
border: none;
border-radius: 10px;
padding: 12px;
background: #05c1e8;
color: white;
font-weight: bold;
font-size: 15px;
}
.modal button:hover {
cursor: pointer;
}