@import url(https://fonts.googleapis.com/css2?family=Open+Sans+JP:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}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{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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{width:100vw}.App{min-height:100vh;font-family:"Open Sans",sans-serif!important}@keyframes fadein{0%{opacity:0}to{opacity:1}}*{animation:fadein .3s}.content{position:absolute;width:calc(100vw - 200px);z-index:2;padding:100px}.home-img{width:100%;display:grid;justify-content:center;margin:40px 0 -40px}.description{margin:100px 0;letter-spacing:-.5px}body{margin:0;padding:0}h1{font-size:46px;font-weight:800;text-transform:uppercase;letter-spacing:-1.7px;line-height:1}h1,h2{color:#1f2234}h1>blue{color:#5496f6}h2{font-size:25px;margin:10px 0}button{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:20px 120px 36px;border-radius:100px;outline:none;border:5px solid #000;font-size:20px;text-transform:uppercase;background:hsla(0,0%,100%,.3);cursor:pointer;font-weight:700;transition:.3s;background:#5496f6;color:#fff}button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.call-to-action{display:grid;grid-auto-flow:column;place-content:center;margin:100px 0;position:relative}.call-to-action label{place-self:end start;font-size:13px;position:absolute;top:53px;left:calc(50% - 124px);opacity:.9;color:hsla(0,0%,100%,.8);pointer-events:none}.card-group{display:grid;grid-gap:50px;grid-template-columns:repeat(auto-fill,minmax(375px,1fr));margin-top:50px}.card{border:5px solid #000;border-radius:8px;padding:25px;background:#fff;text-align:center;cursor:pointer;place-self:center;height:200px;display:grid;place-items:center;position:relative}.moshe .card:hover:after{background-image:url(../../static/media/moshe.a4f88e68.png)}.addict .card:hover:after,.moshe .card:hover:after{content:"";position:absolute;width:-webkit-fill-available;height:-webkit-fill-available;top:0;left:0;z-index:1}.addict .card:hover:after{background-image:url(../../static/media/addict.3370bfad.png)}.forker .card:hover:after{content:"";background-image:url(../../static/media/forker.0e3a9a33.png);position:absolute;width:-webkit-fill-available;height:-webkit-fill-available;top:0;left:0;z-index:1}.made-with-love{margin:60px auto -40px;text-align:center;font-size:12px}.made-with-love strong{font-weight:700}@media only screen and (max-width:600px){.content{padding:15px 10px;width:calc(100vw - 20px)}.introduction span{margin-bottom:10px!important}.made-with-love{margin-bottom:35px}}@media only screen and (max-width:1065px){.introduction img{display:none}}@media only screen and (min-width:1850px){.card-group{grid-template-columns:1fr 1fr 1fr}}.quiz h1{font-size:30px;text-align:start;color:#5496f6;margin-bottom:20px}.container{position:relative;margin:0 auto;background:#fff;border-radius:18px;padding:10px 0;border:5px solid #000}.container.result{background:transparent;border:0;box-shadow:none;font-size:20px}.result h2{font-size:26px}.result h3{margin-top:30px}.result{padding:0}.answerOptions{margin:0;padding:0;list-style:none}.questionCount{padding:1.5rem 2.5rem 0;font-size:14px;color:#5496f6}.question{color:#5496f6;margin:0;padding:.5rem 2.5rem 1.5rem}.answerOption{border-top:1px solid #f8f9fa}.answerOption:hover{background-color:#e7f5ff}.radioCustomButton{position:absolute;width:auto;opacity:0}.radioCustomButton,.radioCustomLabel{display:inline-block;vertical-align:middle;cursor:pointer}.radioCustomLabel{position:relative;width:calc(100% - 120px);margin:0;padding:1.5rem 2.5rem 1.5rem 5rem;font-size:16px;line-height:1;top:0;left:0;color:#000}.radioCustomButton~.radioCustomLabel:before{position:absolute;top:20px;left:38px;width:28px;height:28px;content:"";display:inline-block;vertical-align:middle;background:#fff;border:1px solid #bbb;border-radius:50%;transition:all .3s}.radioCustomButton:checked~.radioCustomLabel:before{content:"";background:#37b24d url(../../static/media/icon-check.689ef715.svg) no-repeat;background-size:27px;border-color:#37b24d}.fade-enter{opacity:0}.fade-enter.fade-enter-active{opacity:1;transition:opacity .5s ease-in-out .3s}.fade-leave{position:absolute;top:0;left:0;width:100%;opacity:1}.fade-leave.fade-leave-active{opacity:0;transition:opacity .5s ease-in-out}.fade-appear{opacity:0}.fade-appear.fade-appear-active{opacity:1;transition:opacity .5s ease-in-out}.result-end h4{font-size:18px;margin:30px 0 70px}.result-end h3{font-size:20px;margin:10px 0 50px;font-weight:500}.result-end h2{font-size:25px;font-weight:600}.categories{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.categories a{display:flex;flex-direction:row-reverse;align-self:center;align-items:center;padding:25px;grid-gap:10px;gap:10px;border-radius:20px;transition:.3s;height:150px}.title{font-weight:700;display:block}.text{font-weight:300}.categories a:hover{color:#5496f6}.categories a:nth-child(2n){flex-direction:row}.icon{transform:scale(.5)}a{text-decoration:none;color:#1f2234}.squircles .squircle span{font-size:13px;color:#000;font-weight:700;text-shadow:0 0 20px #fff,0 0 10px #fff}.results h1{font-size:30px;text-align:start;color:#5496f6}gray{color:grey}.results h2{font-weight:700}.results h3{font-weight:600;color:#868e96}.introduction{display:grid;grid-gap:20px;gap:20px}.introduction img{position:absolute;right:100px;top:100px}.introduction span{font-size:16px;color:#868e96;margin-bottom:120px}.anti-pattern-block,.example,.resource,.responsibility{background:#f1f3f5;border-radius:20px;padding:15px}.anti-patterns,.examples,.resources,.responsibilities{display:grid;grid-gap:20px;gap:20px;padding:25px;background:#f8f9fa;border-radius:20px;margin:20px 0 50px;line-height:30px;letter-spacing:-.4px}.resources{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.resource{height:calc(100% - 30px);display:grid}.resource-name{font-size:19px;font-weight:600}.next-level,.resource-name,.resource-type{text-align:center}.next-level{display:block;margin:50px auto 0;padding:10px 50px}.unicorn{display:grid;justify-items:center;grid-gap:10px;gap:10px;margin-top:100px}
/*# sourceMappingURL=main.5c9fccce.chunk.css.map */