@import"https://fonts.bunny.net/css?family=Literata";.progressCircle{width:150px;height:150px;line-height:150px;background:none;margin:1em auto;box-shadow:none;position:relative}.progressCircle:after{content:"";width:100%;height:100%;border-radius:50%;border:7px solid #eee;position:absolute;top:0;left:0}.progressCircle>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.progressCircle .progress-left{left:0}.progressCircle .progress-bar{width:100%;height:100%;background:none;border-width:7px;border-style:solid;position:absolute;top:0;border-color:#ffb43e}.progressCircle .progress-left .progress-bar{left:100%;border-top-right-radius:75px;border-bottom-right-radius:75px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}.progressCircle .progress-right{right:0}.progressCircle .progress-right .progress-bar{left:-100%;border-top-left-radius:75px;border-bottom-left-radius:75px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right}.progressCircle .progress-value{display:flex;border-radius:50%;font-size:36px;text-align:center;line-height:20px;align-items:center;justify-content:center;height:100%;font-weight:300}.progressCircle .progress-value div{margin-top:10px}.progressCircle .progress-value span{font-size:12px;text-transform:uppercase}.progressCircle[data-percentage="10"] .progress-right .progress-bar{animation:pCloading-1 1.5s linear forwards}.progressCircle[data-percentage="10"] .progress-left .progress-bar{animation:0}.progressCircle[data-percentage="20"] .progress-right .progress-bar{animation:pCloading-2 1.5s linear forwards}.progressCircle[data-percentage="20"] .progress-left .progress-bar{animation:0}.progressCircle[data-percentage="30"] .progress-right .progress-bar{animation:pCloading-3 1.5s linear forwards}.progressCircle[data-percentage="30"] .progress-left .progress-bar{animation:0}.progressCircle[data-percentage="40"] .progress-right .progress-bar{animation:pCloading-4 1.5s linear forwards}.progressCircle[data-percentage="40"] .progress-left .progress-bar{animation:0}.progressCircle[data-percentage="50"] .progress-right .progress-bar{animation:pCloading-5 1.5s linear forwards}.progressCircle[data-percentage="50"] .progress-left .progress-bar{animation:0}.progressCircle[data-percentage="60"] .progress-right .progress-bar{animation:pCloading-5 1.5s linear forwards}.progressCircle[data-percentage="60"] .progress-left .progress-bar{animation:pCloading-1 1.5s linear forwards 1.5s}.progressCircle[data-percentage="70"] .progress-right .progress-bar{animation:pCloading-5 1.5s linear forwards}.progressCircle[data-percentage="70"] .progress-left .progress-bar{animation:pCloading-2 1.5s linear forwards 1.5s}.progressCircle[data-percentage="80"] .progress-right .progress-bar{animation:pCloading-5 1.5s linear forwards}.progressCircle[data-percentage="80"] .progress-left .progress-bar{animation:pCloading-3 1.5s linear forwards 1.5s}.progressCircle[data-percentage="90"] .progress-right .progress-bar{animation:pCloading-5 1.5s linear forwards}.progressCircle[data-percentage="90"] .progress-left .progress-bar{animation:pCloading-4 1.5s linear forwards 1.5s}.progressCircle[data-percentage="100"] .progress-right .progress-bar{animation:pCloading-5 1.5s linear forwards}.progressCircle[data-percentage="100"] .progress-left .progress-bar{animation:pCloading-5 1.5s linear forwards 1.5s}@keyframes pCloading-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(36);transform:rotate(36deg)}}@keyframes pCloading-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(72);transform:rotate(72deg)}}@keyframes pCloading-3{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(108);transform:rotate(108deg)}}@keyframes pCloading-4{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(144);transform:rotate(144deg)}}@keyframes pCloading-5{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(180);transform:rotate(180deg)}}body.about{background:#fbf7e9;transition:1s background}body.about.transition.toDefault{animation:aboutBackgroundOutro 1s ease forwards}body.about main{color:#111;font-family:Literata,serif}body.about h1{margin:.5em 0 1em;font-family:Snell Roundhand,Apple Chancery,fantasy,cursive;box-shadow:0 1px;display:flex;justify-content:space-between}body.about h1 span{display:inline-block}body.about .bg0{background:#ffffff4d}@media (min-width: 768px){body.about .bg0{padding:.5em 1em}}body.about .bg1{background:#7f7f7f4d}@media (min-width: 768px){body.about .bg1{padding:.5em 1em}}@keyframes aboutBackgroundOutro{0%{background:#fbf7e9}to{background:#112}}