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,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;color:#000;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*{box-sizing:border-box;position:relative;scroll-behavior:smooth}.navbar,.navbar--b,.navbar--b__circle,.navbar__circle,.project__item,.project__item .left__decoration .figma,.project__item .left__decoration .github,.project__item .left__title{align-items:center;display:flex}.burger .close__area,.burger-b .close__area{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about__connect a span,.navbar--b__burger,.navbar__burger,.project__item .left__decoration .figma span,.project__item .left__decoration .github span,.project__item .right__img a{background-position:50%;background-repeat:no-repeat;background-size:contain}.about__photo figure{background-position:50%;background-repeat:no-repeat;background-size:cover}body{font-family:Noto Sans TC,sans-serif}.container{height:80vh;left:50%;padding:0 1rem;position:absolute;top:12vh;translate:-50% 0;width:95%}@media (min-width:600px){.container{height:75vh;left:50%;position:absolute;top:15vh;width:95%}}.theme-bgc{background-image:url(/React-Portfolio/static/media/white-bgc.a25ea0494a599dae156b.jpeg);display:flex;height:100vh;width:100%}.theme-bgc__border{border:1px solid #777;border-radius:1em;height:95vh;margin:auto;width:95%}.theme-bgc--b{background-image:url(/React-Portfolio/static/media/black-bgc.e408465570d80acd6adf.jpg);display:flex;height:100vh;width:100%}.theme-bgc--b__border{border:1px solid #ccc;border-radius:1em;height:95vh;margin:auto;width:95%}@-webkit-keyframes round{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes breathe{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@keyframes breathe{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@-webkit-keyframes open{0%{translate:100%}to{translate:0}}@keyframes open{0%{translate:100%}to{translate:0}}@-webkit-keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.navbar{border-bottom:1px solid #777;justify-content:space-between;left:50%;padding:.8rem .5rem;position:absolute;top:2.5vh;translate:-50% 0;width:85%;z-index:40}@media (min-width:600px){.navbar{width:90%}}.navbar__circle{justify-content:space-around;width:20%}@media (min-width:600px){.navbar__circle{width:15%}}.navbar__circle li{border:1px solid #777;border-radius:.9em;height:.6em;transition:all .4s;width:.6em}.navbar__circle li:hover{background-color:#ccc}.navbar__circle li:not(:first-of-type){margin-left:1rem}.navbar__list{display:none;width:75%}@media (min-width:600px){.navbar__list{display:flex;justify-content:space-between}}.navbar__list a{font-size:1.1em;font-weight:100;letter-spacing:2px;line-height:1.5em;transition:all .4s}.navbar__list a:hover{opacity:.4}.navbar__burger{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAABmJLR0QA/wD/AP+gvaeTAAABAElEQVR4nO3ZvUoDQRSA0WsIWVYQfT/tFVJZiO30gvsOQZ9PC3HCLjgWWskm1f4k8Zx2ZuCyO0zzRQAAAAAAAAAwurNdCyml8+12+1RKuY6IywlnOkbvEfHatu1D0zS5b8Ny18mc83NE3I412Ym5ioj1arVaRsRd34beG51SWuScPyKiHnG4U/RZ1/VFSunr78Jijmn+o94P/ftHNhPPcvRKKZu+2xyx541u2/a+qqqulHITP28Qu71FxEvXdY9zDwIAAAAAcKDE2WGIsxMRZycmzs5NnB2QODs+cRYAAAAAYD9xdhji7ETE2YmJs3MTZwckzo5PnAUAAAAAAAA4BN8m+pvUv1pXYAAAAABJRU5ErkJggg==);cursor:pointer;height:1.8rem;width:1.8rem}@media (min-width:600px){.navbar__burger{display:none}}.navbar--b{border-bottom:1px solid #ccc;justify-content:space-between;left:50%;padding:.8rem .5rem;position:absolute;top:2.5vh;translate:-50% 0;width:85%;z-index:40}@media (min-width:600px){.navbar--b{width:90%}}.navbar--b__circle{justify-content:space-around;width:20%}@media (min-width:600px){.navbar--b__circle{width:15%}}.navbar--b__circle li{border:1px solid #ccc;border-radius:.9em;height:.6em;transition:all .4s;width:.6em}.navbar--b__circle li:hover{background-color:#ccc}.navbar--b__circle li:not(:first-of-type){margin-left:1rem}.navbar--b__list{display:none;width:75%}@media (min-width:600px){.navbar--b__list{display:flex;justify-content:space-between}}.navbar--b__list a{color:#ccc;font-size:1.1em;font-weight:100;letter-spacing:2px;line-height:1.5em;transition:all .4s}.navbar--b__list a:hover{opacity:.4}.navbar--b__burger{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAABmJLR0QA/wD/AP+gvaeTAAAA5UlEQVR4nO3ZMU7DMACF4eeKBSQE94MdVgbEIbgAXSs4HwwIBiTM0qkymWKnhO9bnUhPTrY/AQAAAAAAAKC78ttBrfUsyWOSqyQXwxb9TW9JXpLcl1I+Ww9MXfRTkptOw9ZqW0q5bR00L7rWuknynuS056oV+khyXkr5PjzYLDDmX2pe9P6L7AZvWYNd629OkpOJl+6SfCW5TnLZY9WKvCZ5TvKw9BAAAAAAgCMlzs5DnB1MnB1EnF2aODsvcbYzcRYAAAAAYJo4Ow9xdjBxdhBxdmni7LzE2c7EWQAAAAAAAIBj8AN5wEuaVS49SwAAAABJRU5ErkJggg==);cursor:pointer;height:1.8rem;width:1.8rem}@media (min-width:600px){.navbar--b__burger{display:none}}.burger{display:flex;height:100vh;justify-content:flex-end;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:50}@media (min-width:600px){.burger{display:none}}.burger .close__area{height:100vh;width:100%;z-index:51}.burger ul{-webkit-animation:open 1s forwards;animation:open 1s forwards;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:2rem;width:70%;z-index:52}.burger__title{border-bottom:1px solid #888;font-size:1.5rem;font-weight:100;letter-spacing:2px;line-height:1.5rem;padding-bottom:1rem}.burger__link{display:flex}.burger__link:not(:first-of-type){margin-top:2rem}.burger__link a{font-family:Aboreto,cursive;font-size:1.5rem;font-weight:200;height:3rem;letter-spacing:2px;line-height:3rem;width:100%}.burger-b{display:flex;height:100vh;justify-content:flex-end;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:50}@media (min-width:600px){.burger-b{display:none}}.burger-b .close__area{height:100vh;width:100%;z-index:51}.burger-b ul{-webkit-animation:open 1s forwards;animation:open 1s forwards;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:2rem;width:70%;z-index:52}.burger-b__title{border-bottom:1px solid #ccc;color:#ccc;font-size:1.5rem;font-weight:100;letter-spacing:2px;line-height:1.5rem;padding-bottom:1rem}.burger-b__link{padding:1rem 0}.burger-b__link:not(:first-of-type){margin-top:2rem}.burger-b__link a{color:#ccc;font-family:Aboreto,cursive;font-size:1.5rem;font-weight:200;letter-spacing:2px;line-height:1.5rem}.home{-webkit-animation:pageFadeIn 3s forwards;animation:pageFadeIn 3s forwards;overflow:hidden}.home__title h1{color:#555;font-family:Roboto Slab,serif;font-size:15vw;font-weight:100;letter-spacing:2px;line-height:17vw;z-index:30}@media (min-width:600px){.home__title h1{font-size:15vh;font-weight:100;letter-spacing:4px;line-height:17vh}}.home__title h1:hover{opacity:0}.project{-webkit-animation:pageFadeIn 3s forwards;animation:pageFadeIn 3s forwards;overflow:auto}.project::-webkit-scrollbar{width:0}.project .backToTop{color:#666;cursor:pointer;display:block;font-size:1.2em;font-weight:100;letter-spacing:2px;line-height:1.5em;margin-top:1rem;opacity:.6;padding:1em 0;text-align:center;transition:all .2s;width:100%}.project .backToTop:hover{opacity:1}.project__item{border-bottom:1px solid #ccc;flex-wrap:wrap;gap:2vh;justify-content:space-between;margin:0 auto;padding:2.5em 0;width:80%}.project__item .left{display:flex;margin-bottom:1.5rem;width:100%}@media (min-width:600px){.project__item .left{flex-direction:column;height:100%;width:25%}}.project__item .left li{width:100%}@media (min-width:600px){.project__item .left li:not(:first-of-type){margin-top:2.5rem}}.project__item .left__title h1{font-family:Cormorant,serif;font-size:1.5em}.project__item .left__title h1,.project__item .left__title p{color:#333;font-weight:100;letter-spacing:2px;line-height:1.8em}.project__item .left__title p{font-family:Aboreto,cursive;font-size:1.4em;margin-left:.3em}@media (min-width:600px){.project__item .left__title h1{font-size:4vh;font-weight:100;letter-spacing:2px;line-height:4vh}.project__item .left__title p{font-size:3.5vh;font-weight:100;letter-spacing:2px;line-height:4vh}}.project__item .left__decoration{align-items:center;display:flex;gap:2vh;justify-content:flex-end}@media (min-width:600px){.project__item .left__decoration{align-items:flex-start;flex-direction:column;justify-content:flex-start}}.project__item .left__decoration .github{transition:all .4s}@media (min-width:600px){.project__item .left__decoration .github{margin-top:2.5rem}}.project__item .left__decoration .github p{color:#333;display:none;font-size:2vh;font-weight:100;letter-spacing:4px;line-height:1.5rem}@media (min-width:600px){.project__item .left__decoration .github p{display:block}}.project__item .left__decoration .github span{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNTE3OEEzMjk5QTAxMUUyOUExNUJDMTA0NkE4OTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQTQxNEFCQzk5QTExMUUyOUExNUJDMTA0NkE4OTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTMwOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1MTc4QTMxOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R7ClIwAADR5JREFUeNrsnQuw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);height:1.5rem;margin-right:.5rem;opacity:.6;width:1.5rem}.project__item .left__decoration .github:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.project__item .left__decoration .figma{transition:all .4s}@media (min-width:600px){.project__item .left__decoration .figma{margin-top:2.5rem}}.project__item .left__decoration .figma p{color:#333;display:none;font-size:2vh;font-weight:100;letter-spacing:4px;line-height:1.5rem}@media (min-width:600px){.project__item .left__decoration .figma p{display:block}}.project__item .left__decoration .figma span{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAA5CAYAAABavVngAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOeSURBVHgBzZi9bhNREIXPzNoO4ScsHeUi0cd+AhKJAjroqCJ4AlzRoZgXQJsngA466CgtngDzBNkyXVYKyi++w8zGmziJpTi7E7JfEW2svZPjmXtnTi5hBtsrcdxaWnorIisg6upHMebg3uOnmJMcQiOQjBDCBqWfs/Mv0AxB6wL0UYErCDtPqgI/qMAc54VtP3uYRJ3OUB8TVKSGMCNTcatl9rgQpZmqK8qBBMxD6b+OT4RZ+XCzokpMnGkBTUq4CQdqlvKUEB4wdzqVNvq1wtxnIlpG0xB5wvqji6ahvdM2/1zN8z8Tm7AczSNnTdsITUPHFes8/InGEX5zYE7RNERSfvA9y3Vob6ApiBRuoxhJmrWB2BC9eTIVNrCHQphlTcWt3rC40l3kJ8IMFZepuN6NlFXLp6J604aRZr23/SJJOIS+jSs9tV26Dgdrbco6QgjptEEsac1a9R2beesutiHWUvQDwVysfaQLXzT+JvHtJahNx4rOv66Giu2lYDkh3JfD/RgzhJ0J9OmFxNEizA9VchxrX06FmaA7S1jXjF8aS4jSPcaHfJUuWutPrySJCLVcbCns4Q9JuC1XjZWFo4PVreeLmf1SbP4iUzVFlVimKogy9MssDOOhnFrrSfkSOGDlqxErWQw4ttaTErpY63dreKTZqh1rNyK11lRto88iageXWLf/hj6zwM1aB7BLLD2lT9RdwM1aW5+CA3q0u0ziZ63Fz6bHrJ3dzVqTn03PmQPcrHWATyzN/Eh1wc1ak5tNF7XWt+BmrTstH5suR4cpv/lMbtY60yFMkFqxRNfbvDy21gtws9btqLpNt3V7Ozyw50KYZS0IXKy1ZU2O6Mqx7H1Rd5G/pLPW+s1XyjRzLtZ66zllCxH15i2rlW9vh3ql5TFmWmsb7Dqq9CoIyzYZ5m3C00axxLwZRTpDmZato+O4Cdu+Htkp3v3DaZmlaWYKi38N4kNEb3XxylSwS9ntvSc40Tov6Ai8fggqXILbX6nAibBbvwbJAaIhNeMu9njzW6aoQaKMQpiVr0miDLYSymRPNQmOQvNEGXY/1rxba4UnfapxNPXWGp631q633yyOdhiOMIXgYof1Pu03HOEOi4sdHjvFKeG8N8gp1PNgerI39nuDDI4UI6nN4zrWOmtjPIAzhTDLmmBcxVpnQdfZejhzYq2tFAsY9+Ytq5Wvo+97l3Aq/kVssEc62O325oId1n+QVVB6HVma5h9FsYBLkA87+AAAAABJRU5ErkJggg==);height:1.5rem;margin-right:.5rem;opacity:.6;width:1.5rem}.project__item .left__decoration .figma:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.project__item .right{display:flex;flex-direction:column;gap:2vh;width:100%}@media (min-width:600px){.project__item .right{height:100%;width:60%}}.project__item .right li{overflow:hidden;width:100%}.project__item .right__img{box-shadow:2px 4px 8px rgba(37,37,37,.2);margin-bottom:1rem}.project__item .right__img .mask{-webkit-backdrop-filter:saturate(60) blur(5px);backdrop-filter:saturate(60) blur(5px);background-color:hsla(0,0%,100%,.2);height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition:all 1s;width:100%;z-index:20}.project__item .right__img a{aspect-ratio:16/9;display:block;width:100%}.project__item .right__img a img{object-fit:contain;transition:all 1s;vertical-align:bottom;width:100%}.project__item .right__img:hover .mask{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.project__item .right__img:hover img{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}.project__item .right__title{font-family:Roboto Slab,serif;text-align:end;white-space:nowrap}.project__item .right__title h1{color:#555;font-family:Aboreto,cursive;font-size:2rem;font-weight:100;letter-spacing:2px;line-height:3rem}.project__item .right__title h2{color:#333;font-size:1.3rem;font-weight:100;letter-spacing:2px;line-height:2.2rem}@media (min-width:900px){.project__item .right__title h1{font-size:3rem;font-weight:100;letter-spacing:2px;line-height:3.8rem}.project__item .right__title h2{font-size:2.4rem;font-weight:100;letter-spacing:1px;line-height:2.8rem;margin-top:1vh}}.project__item:first-child .figma,.project__item:nth-child(2) .figma,.project__item:nth-child(3) .figma{display:none}.about{-webkit-animation:pageFadeIn 3s forwards;animation:pageFadeIn 3s forwards;overflow:auto}.about::-webkit-scrollbar{width:0}.about .backToTop{border-top:1px solid hsla(0,0%,80%,.763);margin-top:3em;padding:2em 0;text-align:center;width:100%}.about .backToTop span{color:#ccc;cursor:pointer;font-size:1.2em;font-weight:100;letter-spacing:2px;line-height:1.5em;margin-top:1rem;opacity:.7;transition:all .2s}.about .backToTop span:hover{opacity:1}.about__title h1{color:#ccc;font-family:Roboto Slab,serif;font-size:3rem;font-weight:300;letter-spacing:2px;line-height:4rem}@media (min-width:600px){.about__title h1{font-size:5.5rem;font-weight:300;letter-spacing:2px;line-height:6rem}}.about__photo{margin-top:3rem;width:100%}@media (min-width:600px){.about__photo{margin:3rem auto 0;width:60%}}.about__photo figure{background-image:url(/React-Portfolio/static/media/IMG_2144.09b2bf91af787888c43a.jpg);border-radius:5rem;height:5rem;opacity:.8;width:5rem}.about__intro{margin-top:2rem;width:100%}@media (min-width:600px){.about__intro{margin:2rem auto 0;width:60%}}.about__intro p{word-wrap:break-word;color:#ccc;font-size:1rem;font-weight:300;letter-spacing:2px;line-height:3rem}.about__skill{margin-top:4rem;width:100%}@media (min-width:600px){.about__skill{margin:4rem auto 0;width:60%}}.about__skill h1{font-family:Aboreto,cursive;font-size:2.8rem;font-weight:700}.about__skill h1,.about__skill li{color:#ccc;letter-spacing:2px;line-height:3rem}.about__skill li{font-size:1.1rem;font-weight:300;margin-left:2rem}.about__skill li:nth-child(2){margin-top:2rem}.about__experience{margin-top:4rem;width:100%}@media (min-width:600px){.about__experience{margin:4rem auto 0;width:60%}}.about__experience h1{color:#ccc;font-family:Aboreto,cursive;font-size:2.8rem;font-weight:700;letter-spacing:2px;line-height:3rem}.about__experience ul{margin:3rem 0 0 2rem}.about__experience ul:not(:first-of-type){margin-top:3rem}.about__experience ul h2{color:#ccc;font-size:.9rem;font-weight:300;letter-spacing:2px;line-height:2rem}.about__experience ul h3{color:#ccc;font-size:1.3rem;font-weight:500;letter-spacing:3px;line-height:2rem;margin:1.3rem 0}.about__experience ul li{color:#ccc;font-size:1rem;font-weight:300;letter-spacing:2px;line-height:2rem;margin-top:.5rem}.about__connect{margin:4rem 0;width:100%}@media (min-width:600px){.about__connect{margin:4rem auto;width:60%}}.about__connect h1{color:#ccc;font-family:Aboreto,cursive;font-size:2.8rem;font-weight:700;letter-spacing:2px;line-height:3rem;margin-bottom:2rem}.about__connect p{margin:1.8rem 0 0 2rem}.about__connect a,.about__connect p{color:#ccc;font-family:Roboto Slab,serif;font-size:1.2rem;font-weight:200;letter-spacing:1px;line-height:2rem}.about__connect a{align-items:center;display:flex;margin:1rem 0 0 2rem}.about__connect a span{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzlFQkFERkU4NkJCMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzlFQkFERkQ4NkJCMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTJFOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1MTc4QTJGOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Kk5lQwAABYxJREFUeNrkm29oVXUYx3+7bM3V1FnbqlltrtXWtYRa1nqxooY5E7EhKWGuaTDBagol9SIMDCKICASj+cISw/DPi16ZBakrUBnoC7nNoTMWy6I1c+LmVq6t78N9jpyu555znt855+536IHPi939/jzP95zznN+/kzc1NaUitirwJJgPasF94DZQDG7hMqNgBFwEZ5kU+AH0R+lcXgQCJMBT4EXwLKgM2N7P4FvwJegCk6YKUA5eB23grogu2C/gc7AN/GGKABTsZtAOZqjc2DjYAT5kUfSNBNCkAGwGo1PTZ6PsQ4FuHLp3QD3YDR5QZtgZsAac1ElYokcGbATHDApesS/kUwf7GEkOKAK7wAvKbNsPXgZjYQowG3wNnlDxsONgCbgchgAU/GHwiIqXUT5o8hLBKwfcDA7FMHgrUR/iGLQEoGTyBWhQ8bUGjiFPR4A3QIuKv7VwLKIcQMnue5Dv0fjT/IwtAM3g+RyMBmkU+BXf3qc5Rx3xqDPBE7LjfkaCheCcj1HYKYe6JeBt8GcEo75L3HaJQ7+nfNQ/x7H9p67TFX4L1Pi4EocdfhsGH4BPwVbwqu0xGwI/8vT2N/77Gv+vAJSCO3n6PJ//Vjz72w62cPtORnfAwx7+1nBsW93ugGow7vOKtPkYa9eDl0Clxji9kuvW+yjb5tPncY7xet3MhjoFt2RzgIlU2DQL/O6017W/Be4BawXJqMCgTH+ToOxajvWG1+AmYVBlBglQKrxwmzIFoB9XCzt91CABpL6sti62JcBiXtKS2GMGCSD1pZxjvi7AKmED9PraYJAAG2yvVL+2yi7AImHl90C3QQJ03/B+97ZF1lCYVlN6BBV/BffykNQkoyF4H5grqJOkO6BR2NF2A4O35gifCOs0JjTW9vYaPPPbJ11LJAFqBRVoDf68wQLQI3BBUL424XPiY1lvDOb/ZwRla0iAOYIKv8dAgEFB2VtJgJmCChMxEEAyHigmAQoFFWbFQIDZgrKF0p2hmTEQQOQjCTAmKD8vBgJUCcqOkQBXBBXosEORwcEXKdmBjCskwICgQr5h0+BMW6i8V7LtNkAC9As7WWqwAM8Jy/cnhBMhspVKvq2eC0uwbxLrSWhMa+dpdJQLW6mRpLtpOlyuMcL7CTwErhoSPG2ApjQEuD3BQ0fp0ZJqlT6pZYpt0wieYh60nuWDGp2+At4xIPgt7IvU0jHzBkFdgD27HWDGNGyGFHHfulaXuTN0IkBjZ8EykJeDwKmPFtAXwN8TTltjrVkKfwcawXJW3G3v8DTYCKoiCLwGvAl6QthpbnU6J5jP2f1uh1Wgxbbxwv0qvT/vtZRGA6wuzs50+Pkb8JdgQtPMq1VJld7bnxtSzhjgJD5hzwEW611OZK6xlSvzeYbAsl3Cx4PK7ozodOl6t93hfJByqbzOVnYh+MdHhxfBLI1bnuoMhRx8imPMKgDR5LG/nrSVfddHpx8HeO4/ClmApsw+snXsdk7gYMat+r5Hp0sDCLAkxOA7nfrI1nGxx2tmQUb5x8FuzgvD4Dw4wNm2MIAA1SEF38cx+RaAeBCMZGlwb44GOyUhBD/CsTj24TatpddXq3L+RIVmXnE4QzjJMaSylvBxFdqzKHsVrDD8Dmj36sOvIx0unewHDRENg4MI0BH2FyP0RcZOlzW3Ib7VLvPqDK0z1PEq7bDmLVwCLgnr0AhvnUp/0eJp0k9m6HO4fUp2nGZODgUY5PzUJVlHkxg1TEfnjxqY8I6yb12SSjqLm7T9/Ax4TaW/+JxuIx862KcL4toBk1QFT1omXZLRHQHaL3Npl/r8jH3QjiGsbJ3kGd/fDo6WBWi31KG9a9xXMgzfw35tVfCR9l52dk8Ibe7htnq57YowfY7i4+lYWUL9z+1fAQYACqstE4NCc18AAAAASUVORK5CYII=);height:1.5rem;margin-right:.8rem;opacity:.8;width:1.5rem}
/*# sourceMappingURL=main.fb7318dc.css.map*/