body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.inner-card-wrap{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.inner-card-wrap .inner-card{margin:10px;padding:15px;border:1px solid #fff;border-radius:15px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);height:220px;position:relative;color:#c4c4c4}.inner-card-wrap .inner-card .icon-box{font-size:2em}.inner-card-wrap .inner-card .text-card{margin-top:20px}.inner-card-wrap .inner-card.active,.inner-card-wrap .inner-card:hover{color:#4f4f4f}.inner-card-wrap .inner-card.active:after,.inner-card-wrap .inner-card.active:before,.inner-card-wrap .inner-card:hover:after,.inner-card-wrap .inner-card:hover:before{-webkit-animation:orbit 5s linear infinite;animation:orbit 5s linear infinite;border-radius:50%;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);content:"";height:100px;position:absolute;width:100px}.inner-card-wrap .inner-card.active:before,.inner-card-wrap .inner-card:hover:before{background:#ffe897;background:radial-gradient(to bottom left,#ffe897,#f98a05);background:-webkit-radial-gradient(top right,#ffe897,#f98a05);z-index:-1}.inner-card-wrap .inner-card.active:after,.inner-card-wrap .inner-card:hover:after{-webkit-animation-delay:-2.5s;animation-delay:-2.5s;background:#e0e793;background:radial-gradient(to top left,#e0e793,#6dd0f1);background:-webkit-radial-gradient(bottom right,#e0e793,#6dd0f1);right:0;top:0;z-index:-1}.inner-card-wrap .text-card-desc{visibility:hidden}@media screen and (min-width:350px){.inner-card-wrap .inner-card{height:300px;position:relative}.inner-card-wrap .inner-card .text-card-desc{visibility:visible}.inner-card-wrap .inner-card .icon-box{position:absolute;top:10%;right:10%}}@media screen and (min-width:600px){.inner-card-wrap{margin-bottom:10px;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.inner-card-wrap .inner-card{height:220px}.inner-card-wrap .inner-card .text-card-desc{visibility:hidden}.inner-card-wrap .inner-card .icon-box{position:static}.inner-card-wrap .box-shape{width:5em;height:5em}}@media screen and (min-width:600px){.inner-card-wrap{margin-bottom:10px}}.fade-in{opacity:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes orbit{0%{-webkit-transform:rotate(0deg) translateX(50px) rotate(0deg);transform:rotate(0deg) translateX(50px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(50px) rotate(-1turn);transform:rotate(1turn) translateX(50px) rotate(-1turn)}}@keyframes orbit{0%{-webkit-transform:rotate(0deg) translateX(50px) rotate(0deg);transform:rotate(0deg) translateX(50px) rotate(0deg)}to{-webkit-transform:rotate(1turn) translateX(50px) rotate(-1turn);transform:rotate(1turn) translateX(50px) rotate(-1turn)}}.note{padding:10px;border-right:6px solid #f2f2f2;border-radius:5px;cursor:pointer}@media screen and (min-width:350px){.note .title{font-size:15px}.note .description{font-size:13px}.note .badge{visibility:hidden}}@media screen and (min-width:600px){.note .badge{visibility:visible}}@media screen and (min-width:960px){.note{min-width:415px}.note .description,.note .title{font-size:inherit}}.note:hover{border-right:6px solid #ddd}.note:hover .bounce-animation{-webkit-animation:bounce .3s Infinite Alternate;animation:bounce .3s Infinite Alternate}.note.active{border-right:6px solid rgba(246,139,30,.9)}.bounce-animation{-webkit-animation:bounce .8s ease-in-out Infinite Alternate;animation:bounce .8s ease-in-out Infinite Alternate}@-webkit-keyframes bounce{0%{top:-2px}to{top:-4px}}@keyframes bounce{0%{top:-2px}to{top:-4px}}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);z-index:5}.modal-content{background-color:hsla(0,0%,66.7%,.5);margin:auto;padding:3px;width:75%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;position:relative}.close-btn{position:absolute;top:-15px;left:-15px;z-index:1;color:#aaa;font-size:25px;font-weight:700;box-sizing:content-box;padding:5px;border-radius:50%;background:#fefefe;width:25px;border:1px solid hsla(0,0%,66.7%,.3);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.close-btn:focus,.close-btn:hover{text-decoration:none;cursor:pointer}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}
/*# sourceMappingURL=main.2e04a650.chunk.css.map */