@import"https://fonts.googleapis.com/css2?family=Epilogue:wght@500;700&display=swap";*{margin:0;padding:0;outline:none;box-sizing:border-box;border:none;font:500 16px Epilogue,sans-serif;transition:.4s;background:hsl(0deg,0%,96%)}#root{transition:none;display:flex;align-items:center;justify-content:center;min-height:620px;color:#151515}#root .main_box{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:630px;width:330px}@media only screen and (min-width: 1050px){#root .main_box{width:90%;flex-direction:row-reverse;flex-wrap:wrap;padding:5px 10px;justify-content:space-around}}#root .main_box #filter{position:absolute;height:100%;width:100%;background:rgba(0,0,0,.6705882353)}@media only screen and (min-width: 1050px){#root .main_box #filter{display:none}}#root .main_box nav{right:0px;padding:15px 15px 15px 20px;background:hsl(0deg,0%,96%);position:absolute;width:205px;height:100%}@media only screen and (min-width: 1050px){#root .main_box nav{display:flex;align-items:center;justify-content:space-between;height:10%;width:90%}}#root .main_box nav #new_buttons{display:none}@media only screen and (min-width: 1050px){#root .main_box nav #new_buttons{display:flex;justify-content:space-between;width:180px;padding:15px}}#root .main_box nav #new_buttons button{color:#151515a4;padding:10px;font-size:.7rem;cursor:pointer}#root .main_box nav #new_buttons button:hover{color:#151515;border-color:#151515}#root .main_box nav #register{border:1px solid rgba(21,21,21,.6431372549);border-radius:10px}#root .main_box nav #menu_itens_box{display:flex;flex-direction:column;min-height:190px;gap:15px}@media only screen and (min-width: 1050px){#root .main_box nav #menu_itens_box{flex-direction:row;min-height:50px}}#root .main_box nav .menu_option{width:60%;position:relative;display:flex;align-items:center;color:#151515a4;cursor:pointer}#root .main_box nav .menu_option p{margin-right:10px}@media only screen and (min-width: 1050px){#root .main_box nav .menu_option,#root .main_box nav .menu_option p{font-size:.8rem}}#root .main_box nav .menu_option:hover,#root .main_box nav .menu_option:hover p,#root .main_box nav .menu_option p:hover,#root .main_box nav .menu_option p:hover p{color:#151515;font-weight:700}#root .main_box nav .features_company_content{flex-direction:column}@media only screen and (min-width: 1050px){#root .main_box nav .features_company_content{border-radius:10px;background-color:#fff;position:absolute;box-shadow:1px 1px 2px #0000007a}}@media only screen and (min-width: 1050px){#root .main_box nav #company_display{border-radius:10px;top:45px;left:100px;padding:10px}}@media only screen and (min-width: 1050px){#root .main_box nav #features_display{top:45px;left:-35px;padding:10px}}#root .main_box nav .item_box{display:flex;margin:10px 0;padding-left:20px;color:#151515a4;cursor:pointer;align-items:center}@media only screen and (min-width: 1050px){#root .main_box nav .item_box{padding-left:8px;margin:7px 0}}@media only screen and (min-width: 1050px){#root .main_box nav .item_box,#root .main_box nav .item_box p{background:white;font-size:.8rem}}#root .main_box nav .item_box:hover,#root .main_box nav .item_box p:hover{text-decoration:underline}#root .main_box nav img{width:16px;margin-right:10px}@media only screen and (min-width: 1050px){#root .main_box nav img{width:12px}}#root .main_box nav #x_box{display:block;cursor:pointer;align-self:flex-end}@media only screen and (min-width: 1050px){#root .main_box nav #x_box{display:none}}#root .main_box header{display:flex;justify-content:space-between;align-items:center;padding:20px 10px}@media only screen and (min-width: 1050px){#root .main_box header{height:10%;width:100%}}#root .main_box header #snaplogo{width:22%}@media only screen and (min-width: 1050px){#root .main_box header #snaplogo{width:70px}}#root .main_box header #menuicon{cursor:pointer}@media only screen and (min-width: 1050px){#root .main_box header #menuicon{display:none}}@media only screen and (min-width: 1050px){#root .main_box #central_desktop_box{display:flex;justify-content:space-around;align-items:center;flex-direction:row-reverse;height:90%}}#root .main_box .background_div{margin-top:-20px;height:280px}@media only screen and (min-width: 1050px){#root .main_box .background_div{margin:0 70px 0 0;display:flex;width:400px;height:530px}}#root .main_box .background_div #imgmobile{width:100%}@media only screen and (min-width: 1050px){#root .main_box .background_div #imgmobile{display:none}}#root .main_box .background_div #imgdesktop{display:none}@media only screen and (min-width: 1050px){#root .main_box .background_div #imgdesktop{display:block}}#root .main_box #content_box{padding:5px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;height:200px;margin-bottom:10px}@media only screen and (min-width: 1050px){#root .main_box #content_box{display:block;align-items:flex-start;width:50%;height:480px;padding:70px}}#root .main_box #content_box h1{font-size:2rem;font-weight:700}@media only screen and (min-width: 1050px){#root .main_box #content_box h1{width:110%;font-size:4rem;text-align:left}}#root .main_box #content_box p{color:#151515a4;font-weight:500;font-size:.9rem;line-height:22px;width:95%}@media only screen and (min-width: 1050px){#root .main_box #content_box p{text-align:left;width:90%;margin-top:30px}}#root .main_box #content_box button{padding:13px 8px;width:35%;background-color:#151515;color:#fafafa;font-size:.9rem;border-radius:10px;border:1px solid #151515;cursor:pointer}#root .main_box #content_box button:hover{background-color:#f5f5f5;color:#151515;font-weight:700}@media only screen and (min-width: 1050px){#root .main_box #content_box button{padding:12px 0;width:120px;margin-top:30px;float:left}}#root .main_box footer{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}@media only screen and (min-width: 1050px){#root .main_box footer{position:absolute;left:105px;bottom:25px;height:5px;width:36%;gap:20px}}#root .main_box footer #databizlogo{width:24%}#root .main_box footer #audiophilelogo{width:15%}#root .main_box footer #meetlogo{width:22%}#root .main_box footer #makerlogo{width:22%}
