.app-container{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.header-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;height:150px;background-image:-o-radial-gradient(#180d5b,#2b237c);background-image:radial-gradient(#180d5b,#2b237c);padding:20px}@media screen and (min-width:768px){.header-container{height:230px;padding:30px}}@media screen and (min-width:1200px){.header-container{height:300px;padding:40px}}.header-heading{font-family:"Playfair Display";font-weight:700;font-size:20px;color:#fff}@media screen and (min-width:768px){.header-heading{font-size:35px;width:30%}}@media screen and (min-width:1200px){.header-heading{font-size:50px;width:30%}}.header-image{width:150px;height:150px}@media screen and (min-width:768px){.header-image{width:300px;height:210px}}@media screen and (min-width:1200px){.header-image{width:500px;height:310px}}.body-container{padding:20px 40px 40px 50px;width:100%}.question-container{margin-top:50px}.questions-container-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;padding:25px;background-color:transparent;-webkit-box-shadow:0 4px 16px rgba(126,133,142,.16);box-shadow:0 4px 16px rgba(126,133,142,.16);width:100%;margin-bottom:30px}@media screen and (min-width:768px){.questions-container-item{width:80%}}.filters-section{width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:350px){.filters-section{-ms-flex-pack:start;justify-content:flex-start}}@media screen and (min-width:768px){.filters-section{width:30%}}.question-text{color:#0f172a;font-family:"Roboto";font-size:17px;font-weight:500}@media screen and (min-width:768px){.question-text{font-size:22px}}.answer-button{min-width:80px;border-radius:7px;padding:5px 12px;background-color:transparent;border:1px solid #9aa5b1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-webkit-box-shadow:2px -1px #9aa5b1;box-shadow:2px -1px #9aa5b1}.answer-text{font-size:17px;color:#475569}.answer-text,.filter-text{font-family:"Roboto";font-weight:400}.filter-text{font-size:15px;padding:8px 16px;border-radius:25px;text-align:center;margin-right:30px}@media screen and (max-width:350px){.filter-text{margin-right:10px}}.easy-level{background-color:rgba(22,163,74,.08627450980392157);color:#16a34a}.medium-level{color:#d97706;background-color:rgba(217,119,6,.08627450980392157)}.hard-level{color:#dc2626;background-color:rgba(220,38,38,.08627450980392157)}.language-html{color:#0284c7;background-color:rgba(2,132,199,.08627450980392157)}.language-css{color:#9333ea;background-color:rgba(147,51,234,.08627450980392157)}.language-js{color:#db2777;background-color:rgba(219,39,119,.08627450980392157)}.filter-container{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:560px){.filter-container{-ms-flex-direction:column;flex-direction:column}}.filter-item{width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-shadow:2px 2px 4px rgba(2,132,199,.08627450980392157);box-shadow:2px 2px 4px rgba(2,132,199,.08627450980392157);padding:10px;margin-right:40px}@media screen and (max-width:560px){.filter-item{margin-bottom:30px;width:80%}}@media screen and (min-width:768px){.filter-item{width:30%}}.filter-item-heading{font-family:"Roboto";font-weight:600;font-size:20px;color:#7b8794}.filter-select-item{width:150px;padding:5px 35px 5px 20px;margin-top:10px;border:1px solid #cbd2d9;background-color:transparent;border-radius:5px;cursor:pointer}@media screen and (max-width:500px){.filter-select-item{width:180px}}@media screen and (max-width:360px){.filter-select-item{width:100px}}.filter-option{color:#323f4b;font-size:14px;font-family:"Roboto";font-weight:500}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;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}
/*# sourceMappingURL=main.79f9b159.chunk.css.map */