Page 271 - MDP2022-3

: {TodayUsers}</ConnectedPeople>
<ToSurveyButton onClick={()=>{window.location.replace("/Survey")}}>성향검사 받기
</ToSurveyButton>
</MiddleSection>
);
}
const MiddleSection = styled.section`
width: 100%;
height: 140%;
background-image: url('/img/bg.jpg');
background-repeat: no-repeat;
background-size:240vh;
background-color: #ff3300;
@media all and (max-width: 768px){
background-size: 200vh;
}
`;
const MidText = styled.div`
color: gray;
font-size: 3vw;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -70%);
`;
const Scrollimg = styled.img.attrs({
src:'img/scroll.png',
})`
position:absolute;
top: 87%;
left: 50%;
transform: translate(-50%,-50%);
`;
const ConnectedPeople = styled.div`
position:absolute;
top: 105%;
left: 50%;
transform: translate(-50%,-50%);
color: white;
font-size: 2vw;
text-align: center;
line-height: 200%;
@media all and (max-width: 768px){
font-size: 5vw;