.FrontendBox_containerdiv__YwDV_{height:650px;width:100%;background-color:#1b1b1b;border-radius:30px;display:flex;justify-content:end;padding:40px;margin-bottom:20px}.FrontendBox_containerchild__DaW_h{height:100%;width:550px;background-color:#20242d;border-radius:20px;display:flex;flex-direction:column;align-items:center}.FrontendBox_containerscreenshots__Dua5l{flex-grow:1;margin-right:20px;display:flex;overflow-x:auto;overflow-y:hidden}.FrontendBox_imgTag__MAk6f{height:100%;width:100%;margin-right:1vw}.FrontendBox_h3__n8DoA{font-weight:700;color:var(--textColorWithe);font-size:30px;margin-left:25px}.FrontendBox_projectViewButton__MQ1hy{display:flex;height:35px;width:120px;background-color:var(--Cyan);border-radius:30px;justify-content:space-evenly;align-items:center;margin-top:5px;margin-left:17px}.FrontendBox_buttonprojecticon__2CRLl{height:20px;width:20px}.FrontendBox_h6__eL34z{font-size:12px;font-weight:600}.FrontendBox_h5__gt7pC{color:var(--textColorWithe);padding-left:15px;white-space:nowrap}.FrontendBox_sourcecodetext__d3qku{color:#589bff;padding-left:15px;text-overflow:ellipsis;overflow:hidden;text-decoration:none;white-space:nowrap}.FrontendBox_h1__l2qOR{color:var(--textColorWithe);font-size:30px;margin-top:30px;font-weight:600}.FrontendBox_frameworklogoimgTag__mZesA{margin-top:40px;height:240px;width:195px}.FrontendBox_videoButton__h74j_{display:flex;height:35px;width:120px;background-color:var(--Cyan);border-radius:30px;justify-content:space-evenly;align-items:center;margin-top:5px;margin-left:17px}.FrontendBox_videoTitle__FCPXI{font-weight:500;color:var(--textColorWithe);font-size:30px;margin-left:25px}.BackendProjectBox_mainContainer__uHMqR{height:auto;min-height:10vw;width:100%;border-radius:1vw;background-color:#36454f;display:flex;justify-content:space-between;align-items:center}.BackendProjectBox_textContainer__mW01g{height:100%;padding-left:3vw;display:flex;flex-direction:column;align-items:start;justify-content:center}.BackendProjectBox_sourceCodeLinkDiv__F6K_Q{display:flex;flex-direction:column;align-items:start;width:60vw;overflow:auto;margin-bottom:1.5vw}.BackendProjectBox_nameText__e4OHo{font-size:1.8vw;color:var(--textColorWithe);margin-top:2vw;font-weight:500}.BackendProjectBox_frameworkText__grnWW{font-size:1.5vw;color:var(--textColorWithe);margin-top:1vw;font-weight:400}.BackendProjectBox_sourceCodeText__Mg06Y{font-size:25px;color:var(--textColorWithe);margin-top:10px;font-weight:400;white-space:nowrap}.BackendProjectBox_logoAndButtonContainer__3kUKX{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vw;padding-bottom:2vw}.BackendProjectBox_frameworkLogo__zwGQl{height:10vw;width:10vw;margin-right:7vw}.BackendProjectBox_buttonContainer__AKk5S{height:2.3vw;width:8vw;background-color:var(--Cyan);border-radius:4vw;display:flex;justify-items:center;justify-content:start;margin-right:3vw;gap:.6vw}.BackendProjectBox_buttonIcon__G2oZ3{height:1.5vw;width:1.5vw;margin-top:.4vw;margin-left:10px}.BackendProjectBox_button__1Fe7W{font-size:.8vw;font-weight:600;align-self:center;color:#36454f}.BackendProjectBox_frameworkLogo__zwGQl{height:5vw;width:5vw;margin-top:30px;margin-right:3vw}@media (max-width:480px){.BackendProjectBox_mainContainer__uHMqR{height:20vw;width:100%;border-radius:2vw;background-color:red;display:flex;justify-content:space-between;align-items:center}.BackendProjectBox_textContainer__mW01g{height:100%;padding-left:3vw}.BackendProjectBox_sourceCodeLinkDiv__F6K_Q{width:60vw}.BackendProjectBox_nameText__e4OHo{font-size:3vw;color:var(--textColorWithe);margin-top:3vw;font-weight:500}.BackendProjectBox_frameworkText__grnWW{font-size:2vw;color:var(--textColorWithe);margin-top:1vw;font-weight:400}.BackendProjectBox_sourceCodeText__Mg06Y{font-size:2vw;color:var(--textColorWithe);margin-top:2vw;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.BackendProjectBox_logoAndButtonContainer__3kUKX{height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.BackendProjectBox_frameworkLogo__zwGQl{height:9vw;width:9vw;margin-right:4vw}.BackendProjectBox_buttonContainer__AKk5S{height:4vw;width:14vw;background-color:var(--Cyan);border-radius:4vw;display:flex;justify-items:center;justify-content:start;margin-right:3vw}.BackendProjectBox_buttonIcon__G2oZ3{height:2.5vw;width:2.5vw;margin-top:.7vw;margin-right:10px;margin-left:10px}.BackendProjectBox_button__1Fe7W{font-size:.6rem;font-weight:600;align-self:center;color:#36454f}}@media ((min-width:481px) and (max-width:900px)){.BackendProjectBox_mainContainer__uHMqR{height:auto;min-height:20vw;width:100%;border-radius:2vw;background-color:#36454f;display:flex;justify-content:space-between;align-items:center;margin-bottom:4vw}.BackendProjectBox_textContainer__mW01g{height:100%;padding-left:3vw}.BackendProjectBox_sourceCodeLinkDiv__F6K_Q{width:60vw}.BackendProjectBox_nameText__e4OHo{font-size:3vw;color:var(--textColorWithe);margin-top:3vw;font-weight:500}.BackendProjectBox_frameworkText__grnWW{font-size:2vw;color:var(--textColorWithe);margin-top:1vw;font-weight:400}.BackendProjectBox_sourceCodeText__Mg06Y{font-size:2vw;color:var(--textColorWithe);margin-top:2vw;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.BackendProjectBox_logoAndButtonContainer__3kUKX{height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.BackendProjectBox_frameworkLogo__zwGQl{height:9vw;width:9vw;margin-right:4vw}.BackendProjectBox_buttonContainer__AKk5S{height:4vw;width:14vw;background-color:var(--Cyan);border-radius:4vw;display:flex;justify-items:center;justify-content:start;margin-right:3vw}.BackendProjectBox_buttonIcon__G2oZ3{height:2.5vw;width:2.5vw;margin-top:.7vw;margin-right:10px;margin-left:10px}.BackendProjectBox_button__1Fe7W{font-size:.6rem;font-weight:600;align-self:center;color:#36454f}}@media ((min-width:481px) and (max-width:760px)){.BackendProjectBox_mainContainer__uHMqR{height:100px;width:100%;border-radius:2vw;background-color:#36454f;display:flex;justify-content:space-between;align-items:center}.BackendProjectBox_sourceCodeLinkDiv__F6K_Q{width:58vw;margin:0}.BackendProjectBox_nameText__e4OHo{font-size:3vw;color:var(--textColorWithe);margin-top:3vw;font-weight:500}.BackendProjectBox_frameworkText__grnWW,.BackendProjectBox_sourceCodeText__Mg06Y{font-size:2vw;color:var(--textColorWithe);margin-top:2vw;font-weight:400}.BackendProjectBox_sourceCodeText__Mg06Y{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.BackendProjectBox_logoAndButtonContainer__3kUKX{height:100%;display:flex;flex-direction:column;padding-bottom:10px}.BackendProjectBox_frameworkLogo__zwGQl{height:7vw;width:7vw;margin-left:2vw}.BackendProjectBox_buttonIcon__G2oZ3{height:2.5vw;width:2.5vw;margin-top:.7vw;margin-right:1vw;margin-left:2vw}.BackendProjectBox_button__1Fe7W{font-size:1.3vw;font-weight:600;align-self:center;color:#36454f}}@media (max-width:480px){.BackendProjectBox_mainContainer__uHMqR{height:auto;min-height:25vw;width:93%;border-radius:2vw;background-color:#36454f;display:flex;justify-content:space-between;align-items:center;margin-top:5vw}.BackendProjectBox_sourceCodeLinkDiv__F6K_Q{width:65vw;margin:0}.BackendProjectBox_nameText__e4OHo{font-size:3.5vw;color:var(--textColorWithe);margin-top:1vw;font-weight:500}.BackendProjectBox_frameworkText__grnWW{font-size:3vw;color:var(--textColorWithe);margin-top:2vw;font-weight:400}.BackendProjectBox_sourceCodeText__Mg06Y{font-size:3vw;color:var(--textColorWithe);margin-top:3vw;margin-bottom:2vw;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.BackendProjectBox_logoAndButtonContainer__3kUKX{height:100%;width:18vw;display:flex;flex-direction:column}.BackendProjectBox_frameworkLogo__zwGQl{height:5vw;width:5vw;margin-left:2vw}.BackendProjectBox_buttonContainer__AKk5S{height:5vw;width:16vw;background-color:var(--Cyan);border-radius:4vw;display:flex;justify-items:center;justify-content:start;margin-right:3vw;margin-bottom:5vw}.BackendProjectBox_buttonIcon__G2oZ3{height:2.5vw;width:2.5vw;margin-top:1.2vw;margin-right:1vw;margin-left:2vw}.BackendProjectBox_button__1Fe7W{font-size:1.4vw;font-weight:700;align-self:center;color:#36454f}}