@import"https://fonts.googleapis.com/css2?family=Raleway:wght@200;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee+Shade&family:wght@200;400;700&display=swap";:root{--color-primary: #74d3ae;--color-secondary: #a6c48a;--color-highlight: #fff;--color-danger: #b80c09;--color-light: #f6e7cb;--color-sucess: #98ce00;--color-shade: #556;--color-darkish: #223;--color-dark: #112;--color-darkest: #001}.gradient{background:--webkit-linear-gradient(bottom,var(--color-highlight),var(--color-primary))}.gradient .text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient .alternate{background:--webkit-linear-gradient(bottom,var(--color-danger),var(--color-secondary))}*{margin:0;padding:0;box-sizing:border-box;font-family:Raleway,sans-serif}body{font-size:2rem;background-color:var(--color-dark);color:var(--color-light)}main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100svh;width:100%}.title{font-size:4rem;font-weight:100;text-align:center;color:var(--color-shade)!important;text-shadow:-7px 7px 10px var(--color-darkest)!important;font-family:Bungee Shade}.headline{font-size:1.5rem;line-height:3rem;display:flex;text-align:center;align-items:center;justify-content:center;margin-top:2rem;color:var(--color-primary)}.loading{font-size:2rem;font-weight:700;text-align:center;color:var(--color-primary);animation:bouncy 1s infinite}@keyframes bouncy{0%{transform:translate(0)}50%{transform:translate(-.5rem)}to{transform:translate(0)}}.game{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5%}.game .repos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-height:80%;width:100%;padding:2%}.repos .title{font-size:1.5rem;overflow-wrap:break-word;text-shadow:1.5px 1px var(--color-primary)}.repos .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2rem 0;gap:.5rem}.container .dashboard,.result{display:flex;gap:.5rem;align-items:center}.buttons{display:flex;align-items:center;gap:2rem;padding:2rem}.icon-versus{color:var(--color-shade);font-size:2rem;margin:0 1rem}.icon-correct{color:var(--color-sucess)}.icon-wrong{color:var(--color-danger)}.wrong,.correct{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.playAgain{display:flex;gap:3rem;padding:1rem}.cardDash{width:23rem;height:13rem;transition:all .2s;position:relative}.card-inner{display:flex;width:inherit;height:inherit;background:rgba(255,255,255,.05);box-shadow:0 0 10px #00000040;backdrop-filter:blur(10px);border-radius:8px}.cardDash:hover{transform:scale(1.04) rotate(1deg)}.circle{width:100px;height:100px;background:radial-gradient(#b0e633,#53ef7d);border-radius:50%;position:absolute;animation:move-up6 1.5s ease-in infinite alternate-reverse}.circle:nth-child(1){top:-.5rem;left:-25px}.circle:nth-child(2){bottom:-.5rem;right:-25px;animation-name:move-down1}@keyframes move-up6{to{transform:translateY(-1rem)}}@keyframes move-down1{to{transform:translateY(.6rem)}}.styleDash{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.statusGame{text-align:center;font-size:2rem;font-weight:700;text-shadow:2.5px 2.5px var(--color-darkest)}.resultScore{display:flex;font-size:1.5rem;font-weight:700;text-shadow:1px 1px var(--color-darkest);gap:.5rem}.styleWrong,.styleCorrect{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-family:inherit;font-size:15px}button.learn-more{font-weight:600;color:var(--color-light);text-transform:uppercase;padding:1.25em 2em;background:#1c1e2e;border:2px solid #059669;border-radius:.75em;transform-style:preserve-3d;transition:background .15s cubic-bezier(0,0,.58,1),-webkit-transform .15s cubic-bezier(0,0,.58,1);transition:transform .15s cubic-bezier(0,0,.58,1),background .15s cubic-bezier(0,0,.58,1),-webkit-transform .15s cubic-bezier(0,0,.58,1)}button.learn-more:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#406446;border-radius:inherit;transform:translate3d(0,.75em,-1em);transition:transform .15s cubic-bezier(0,0,.58,1),box-shadow .15s cubic-bezier(0,0,.58,1),-webkit-transform .15s cubic-bezier(0,0,.58,1),-webkit-box-shadow .15s cubic-bezier(0,0,.58,1)}button.learn-more:hover{background:#1c1e2e;transform:translateY(.25em)}button.learn-more:hover:before{transform:translate3d(0,.5em,-1em)}button.learn-more:active{background:#242d2f;transform:translateY(.75em)}button.learn-more:active:before{transform:translateZ(-1em)}@media (max-width: 767px){.game{padding:1rem 0}.game .buttons{margin-top:1rem}.cardDash{width:15rem;padding:0 2%;transition:all .2s;position:relative}.repos .container{padding:0}.styleDash .resultScore{gap:0}}.repo{background-color:var(--color-darkest);width:30%;padding:2%;border-radius:1.5rem;display:flex;flex-direction:column;font-size:1.5rem;gap:1rem}.repo:hover{background-color:var(--color-darkish);cursor:pointer}.repo .header{display:flex;flex-direction:column;height:2rem;gap:.5rem;text-transform:capitalize}.header .name{font-weight:700;color:var(--color-secondary)}.header .fullname{font-size:.8rem;margin-left:auto;color:var(--color-shade)}.repo .content{display:flex;flex-direction:column;gap:1.2rem;font-size:.8rem}.content .description{height:2rem;line-height:1rem}.content .data{display:flex;justify-content:space-between;gap:.5rem}.data .avatar{width:4rem;height:4rem;margin-top:.5rem;object-fit:cover;border-radius:1rem;background-color:var(--color-darkest);border:2px solid var(--color-primary)}.data .stats{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.stats .item{display:flex;gap:.5rem;color:var(--color-primary)!important}.stats .booleans{display:flex;gap:.5rem}.stats .item p{color:var(--color-light)}.stats .item-false{color:var(--color-shade)}.stats .topics{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;max-height:1.25rem;max-width:50%;height:3rem;overflow:hidden}.stats .topic{background-color:var(--color-primary);height:1.25rem;padding:.3rem .4rem;border-radius:.5rem;font-size:.6rem;color:var(--color-darkest)}@media (max-width: 767px){body{font-size:14px}main{gap:2rem}main .title{padding:1rem}main .headline{max-width:20rem;margin:0}.stats .topics{max-width:80%}.repo{width:85%;padding:.8rem;font-size:1rem}.repo .header{gap:.6rem}.header .name{margin-top:.4rem}.data .stats{gap:.3rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
