{"version":3,"sources":["index.css","App.css","reset.css","color-donut.css"],"names":[],"mappings":"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,UAUF,CARA,QAEE,0BAAkC,CAIlC,qBAAsB,CACtB,gBACF,CAEA,OACE,sBACF,CAEA,eACE,wBAAyB,CAEzB,0BACF,CAEA,OACE,uBACF,CACA,eACE,wBAAyB,CACzB,2BACF,CACA,OACE,uBACF,CACA,eACE,wBAAyB,CACzB,0BACF,CAEA,OACE,wBACF,CACA,eACE,wBAAyB,CACzB,0BACF,CAEA,OACE,wBACF,CACA,eACE,wBAAyB,CACzB,0BACF,CAEA,OACE,wBACF,CACA,eACE,wBAAyB,CACzB,0BACF,CAEA,OACE,wBACF,CACA,eACE,wBAAyB,CACzB,4BACF,CAEA,OACE,wBACF,CACA,eACE,wBAAyB,CACzB,0BACF,CAEA,OACE,wBACF,CACA,eACE,wBAAyB,CACzB,yBACF,CAGA,iBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,kBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,iBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,iBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,iBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,iBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,mBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,iBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAEA,gBACE,GACE,sBACF,CACA,GACE,uBACF,CACF","file":"main.0e95017e.chunk.css","sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n",".wrapper {\n    /* margin: 0 auto; */\n    /* width: 1140px; */\n}\na {\n    text-decoration: none;\n    color: #070157;\n    transition: 0.5s ease;\n}\n.clear {\n    clear: both;\n}\n.alignright {\n    float: right;\n    margin-left: 15px;\n    margin-bottom: 10px;\n}\n.alignleft {\n    float: left;\n    margin-right: 15px;\n    margin-bottom: 10px;\n}\nstrong{\n    font-weight: 600;\n}\nbody {\n    font-family: 'Roboto', sans-serif;\n    height: 100%;\n    width: 100%;\n}\n.bg {\n    /* background: url('../images/bg.jpg')no-repeat; */\n    background-size: cover;\n    width: 100%;\n    height: 100vh;\n    position: relative;\n}\n\n.car {\n    /* position: absolute;\n    top: 40%;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    width: 36%; */\n}\n.car img{\n    /* width: 100%; */\n}\n\n\n.car-box {\n    margin-bottom: 10%;\n}\n.car-box img {\n}\n\n.bottom-nav {\n    /* position: absolute; */\n    /* bottom: 5%; */\n    left: 0;\n    right: 0;\n    width: 600px;\n    margin: 0 auto;\n}\n.bottom-nav-button{\n    padding: 10px 30px;\n    background: rgba(26,24,24,0.8);\n    border-radius: 7px;\n    color: #fff;\n    font-size: 16px;\n    border: none;\n    cursor: pointer;\n    height: 50px;\n}\n.bottom-nav-button:hover{\n    background: rgba(227,0,29,1);\n    color: #fff;\n}\n.bottom-nav .left{\n    float: left;\n}\n.bottom-nav .right{\n    float: right;\n}\nnav {\n    /* background-color: red; */\n    /* width: 60vmin; */\n    /* margin: auto; */\n    /* position: absolute;\n    left: 21%;\n    top: -6px; */\n\n}\nnav ul li{\n    position: relative;\n    /* float: left; */\n    /* margin-right: 10px; */\n}\nnav ul li a{\n    background: #383738 url(\"../images/icon1.png\")no-repeat center;\n    font-size: 0;\n    display: block;\n    text-align: center;\n}\nnav ul li a:hover{\n    background: #fff url(\"../images/icon1-hover.png\")no-repeat center center;\n}\nnav ul li:nth-child(2n) a{\n    background: #383738 url(\"../images/icon2.png\")no-repeat center center;\n}\nnav ul li:nth-child(2n) a:hover{\n    background: #fff url(\"../images/icon2-hover.png\")no-repeat center center;\n}\nnav ul li:nth-child(3n) a{\n    background: #383738 url(\"../images/icon3.png\")no-repeat center center;\n}\nnav ul li:nth-child(3n) a:hover{\n    background: #fff url(\"../images/icon3-hover.png\")no-repeat center center;\n}\nnav ul li:nth-child(4n) a{\n    background: #383738 url(\"../images/icon4.png\")no-repeat center center;\n}\nnav ul li:nth-child(4n) a:hover{\n    background: #fff url(\"../images/icon4-hover.png\")no-repeat center center;\n}\nnav ul li:nth-child(5n) a{\n    background: #383738 url(\"../images/icon5.png\")no-repeat center center;\n}\nnav ul li:nth-child(5n) a:hover{\n    background: #fff url(\"../images/icon5-hover.png\")no-repeat center center;\n}\nnav ul li:nth-child(6n) a{\n    background: #383738 url(\"../images/icon6.png\")no-repeat center center;\n}\nnav ul li:nth-child(6n) a:hover{\n    background: #fff url(\"../images/icon6-hover.png\")no-repeat center center;\n}\nnav ul li:hover .sub-menu{\n    display: block;\n}\n.sub-menu{\n    display: none;\n    position: absolute;\n    bottom: 150%;\n    padding: 15px;\n    /* background: rgba(255,255,255,0.8); */\n    background: hsla(0, 0%, 100%, .9);\n    width: auto;\n    text-align: left;\n    border-radius: 10px;\n    left: -30px;\n    white-space: nowrap;\n}\n\n.sub-menu.list {\n    white-space: normal;\n    top: inherit;\n    bottom: 140%;\n}\n\n.sub-menu.list ul {\n    width: 420px;\n}\n\n.sub-menu.list ul li::before {\n    display: none;\n}\n\n.sub-menu.list ul li:first-child::after {\n    position: absolute;\n    width: 2px;\n    padding: 0px;\n    height: 100%;\n    left: 90%;\n    top: 0px;\n    background-color: rgba(0,0,0, 0.5);\n}\n\n.sub-menu.list ul::before {\n    top: 100%;\n}\n\n.sub-menu.color {\n    bottom: 100%;\n    padding: 0px;\n    background: transparent;\n    text-align: left;\n    left: -1px;\n}\nnav ul li ul::before{\n    content: \" \";\n    background: url(\"../images/arrow.png\")no-repeat;\n    position: absolute;\n    top: 100%;\n    width: 27px;\n    height: 25px;\n    left: 40px;\n}\n.sub-menu ul li{\n    display: block;\n    float: none;\n    margin-right: 0;\n    font-family: 'Times New Roman';\n}\n/*\n.sub-menu ul li:after{\n    content:\"|\";\n    color: #717070;\n    padding: 0 10px;\n}\n*/\n.sub-menu ul li:last-child:after{\n    content:\"\";\n    padding: 0;\n}\n\n.sub-menu ul li a{\n    font-size: 18px;\n    color: #000;\n    width: auto;\n    height: auto;\n    background: none !important;\n    display: inline-block;\n}\n.sub-menu ul li a:hover{\n    color: #e3001d;\n    background: none !important;\n}\n\n/* The Modal (background) */\n.modal {\n  display: none; /* Hidden by default */\n  position: fixed; /* Stay in place */\n  z-index: 1; /* Sit on top */\n  padding-top: 100px; /* Location of the box */\n  left: 0;\n  top: 0;\n  width: 100%; /* Full width */\n  height: 100%; /* Full height */\n  overflow: auto; /* Enable scroll if needed */\n  background-color: rgb(0,0,0); /* Fallback color */\n  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */\n}\n\n/* Modal Content */\n.modal-content {\n  background-color: #fefefe;\n  margin: auto;\n  padding: 20px;\n  border: 1px solid #888;\n  width: 80%;\n}\n\n/* The Close Button */\n.close {\n  color: #aaaaaa;\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n  color: #000;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n/*\n.bbox {\n    width: 40vmin;\n    height: 20vmin;\n} */\n\n\n\n@media screen and (max-width: 780px) {\n    .sub-menu{\n        right: -50px;\n    }\n\n    .sub-menu ul::before{\n        left: 60px;\n    }\n\n    .sub-menu ul li{\n        display: block;\n        width: 100%;\n        text-align: left;\n        padding-top: 5px;\n        padding-bottom: 5px;\n        border-bottom: 1px solid lightgray;\n    }\n    .sub-menu ul li:last-child{\n        border: none\n    }\n\n    .sub-menu ul li::after{\n        display: none;\n    }\n\n    .sub-menu.list{\n        left: inherit;\n        right: -50px;\n    }\n    .sub-menu.list ul{\n        width: 280px;\n    }\n    .sub-menu.list ul li:first-child::after {\n        left: 88%;\n    }\n    .sub-menu.list ul::before {\n        top: 100%;\n        left: inherit;\n        right: 70px;\n    }\n    nav ul li a{\n        background-size: 25px;\n    }\n    nav ul li a:hover{\n        background-size: 25px;\n    }\n\n    nav ul li:nth-child(2n) a{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(2n) a:hover{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(3n) a{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(3n) a:hover{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(4n) a{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(4n) a:hover{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(5n) a{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(5n) a:hover{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(6n) a{\n        background-size: 25px;\n    }\n    nav ul li:nth-child(6n) a:hover{\n        background-size: 25px;\n    }\n}\n","html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection,\npromotion {\n  display: block;\n}\nbody {\n  line-height: 1;\n}\nol,\nul {\n  list-style: none;\n}\nblockquote,\nq {\n  quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n  content: \"\";\n  content: none;\n}\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n","* {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.donut-chart {\n  position: relative;\n  width: 200px;\n  height: 200px;\n  margin: 0 auto 2rem;\n  border-radius: 100%;\n}\np.center {\n  background: #ffffff;\n  position: absolute;\n  text-align: center;\n  font-size: 28px;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 130px;\n  height: 130px;\n  margin: auto;\n  border-radius: 50%;\n  line-height: 35px;\n  padding: 15% 0 0;\n}\n\n.portion-block {\n  border-radius: 50%;\n  clip: rect(0px, 200px, 200px, 100px);\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.circle {\n  border-radius: 50%;\n  clip: rect(0px, 100px, 200px, 0px);\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  font-family: monospace;\n  font-size: 1.5rem;\n}\n\n#part1 {\n  transform: rotate(0deg);\n}\n\n#part1 .circle {\n  background-color: #e64c65;\n  /*transform: rotate(76deg);*/\n  animation: first 1 forwards;\n}\n\n#part2 {\n  transform: rotate(40deg);\n}\n#part2 .circle {\n  background-color: #11a8ab;\n  animation: second 1 forwards;\n}\n#part3 {\n  transform: rotate(80deg);\n}\n#part3 .circle {\n  background-color: #4fc4f6;\n  animation: third 1 forwards;\n}\n\n#part4 {\n  transform: rotate(120deg);\n}\n#part4 .circle {\n  background-color: #4fc4f6;\n  animation: forth 1 forwards;\n}\n\n#part5 {\n  transform: rotate(160deg);\n}\n#part5 .circle {\n  background-color: #4fc4f6;\n  animation: fifth 1 forwards;\n}\n\n#part6 {\n  transform: rotate(200deg);\n}\n#part6 .circle {\n  background-color: #4fc4f6;\n  animation: sixth 1 forwards;\n}\n\n#part7 {\n  transform: rotate(240deg);\n}\n#part7 .circle {\n  background-color: #4fc4f6;\n  animation: seventh 1 forwards;\n}\n\n#part8 {\n  transform: rotate(280deg);\n}\n#part8 .circle {\n  background-color: #4fc4f6;\n  animation: eight 1 forwards;\n}\n\n#part9 {\n  transform: rotate(320deg);\n}\n#part9 .circle {\n  background-color: #4fc4f6;\n  animation: nine 1 forwards;\n}\n\n/* Animation */\n@keyframes first {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes second {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes third {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes forth {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes fifth {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes sixth {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes seventh {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes eight {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n\n@keyframes nine {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(40deg);\n  }\n}\n"]}