김한준

각 section css추가

......@@ -195,6 +195,30 @@ body {
left: calc(50% - 300px);
transition: .25s, top 0s;
}
#accumulate_section {
width: 600px;
max-width: calc(100% - 2em);
height: 160px;
margin: auto;
text-align: center;
position: absolute;
top: calc(85% - 100px);
left: calc(50% - 300px);
transition: .25s, top 0s;
font-size : 20px;
}
#recom_section {
width: 480px;
max-width: calc(100% - 2em);
height: 1250px;
margin: auto;
text-align: center;
position: absolute;
top: calc(105% - 100px);
left: calc(53% - 300px);
transition: .25s, top 0s;
}
#winner h2 {
margin-top: 1.5em;
......@@ -216,6 +240,7 @@ body {
margin: .5em 0 0;
}
.shadow {
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
border-radius: 3px;
......@@ -273,6 +298,9 @@ body {
margin: 0 .25em -.25em;
}
/* ***** mobile ***** */
@media handheld, only screen and (max-device-width:480px), only screen and (max-device-width:320px), screen and (max-width:600px) {
body {
......@@ -285,10 +313,31 @@ body {
margin: 1em;
left: inherit;
}
#accumulate_section {
height: 150px;
top: calc(100% - 75px);
margin: 1em;
left: 0;
font-size : 13px
}
#recom_section {
height: 300px;
top: calc(150% - 75px);
margin: 1em;
left: 0;
font-size : 6px
}
#winner.pinned {}
#lottotable {
font-size: 6px;
}
}
......