You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

221 lines
3.3 KiB
CSS

@media only screen and (min-device-width: 768px) and (max-device-width: 1189px) {
@import url("ext/8a7380f228a12515c367465bc33bb013/css2.css");
#home {
top: 4%;
left: 2.5%;
font-size: 0.8rem;
letter-spacing: 0.03rem;
}
#designer{
position: absolute;
z-index: 999;
width: 6%;
bottom: 4%;
right: 3%;
cursor: pointer;
}
#title {
padding: 0.2% 1%;
}
#title h1 {
font-size: 1.5rem;
letter-spacing: 0.02rem;
}
#tape {
left: 21%;
top: 1%;
}
.bar {
position: absolute;
padding: 0;
margin: 0;
box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 16px,
rgba(0, 0, 0, 0) 0px 7px 13px 3px, rgba(0, 0, 0, 0.1) 0px -3px 0px inset;
cursor: url("hand1.png"), auto;
/* box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px; */
/* box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset; */
}
.bar h3 {
text-align: center;
}
.bar1 {
top: 30%;
left: 5.5%;
width: 22%;
height: 38.5%;
}
.bar1 .frame {
width: 85%;
height: 90%;
}
.bar1 h3 {
font-size: 1.125rem;
line-height: 0.2;
}
#adobe,
#nomore {
width: 23%;
top: 31%;
}
.bar1 p {
font-size: 0.85rem;
line-height: 130%;
padding: 0% 6%;
margin-bottom: 5%;
}
.bar2 {
left: 32%;
width: 17%;
}
.bar2:hover {
transform: rotate(30deg);
}
.deco1 {
width: 5%;
height: 100%;
margin-left: 0;
background-color: rgb(213, 31, 3);
}
.bar2 .frame {
top: 0;
left: 5%;
width: 97%;
height: 100%;
padding: 1% 2%;
}
.bar2 h3 {
font-size: 1.25rem;
width: 80%;
margin-bottom: 0;
margin-top: 0;
}
.bar2 p {
font-size: 0.8rem;
line-height: 135%;
width: 80%;
}
.bar2 img {
width: 42.5%;
}
.bar3 {
top: 58%;
left: 42.5%;
width: 17%;
height: 30.5%;
}
.bar3 h3 {
font-size: 1.25rem;
line-height: 0;
margin-bottom: 6%;
}
#t1,
#t5 {
color: #2b710c;
}
#t2,
#t6 {
color: #c11818;
}
#t3,
#t4 {
color: #0b0d7f;
}
#t6 {
text-align: center;
width: 70%;
font-style: italic;
font-size: 0.7rem;
line-height: 130%;
margin-left: auto;
margin-right: auto;
padding-top: 19.5%;
}
#note {
top: 58%;
left: 41.5%;
width: 17%;
height: 32.5%;
}
.page1 p {
font-size: 0.7rem;
padding: 2% 5%;
}
.page2 p {
font-size: 0.85rem;
line-height: 145%;
padding: 2% 8%;
}
.bar4 {
left: 66.5%;
width: 25%;
height: 44%;
}
.bar4 .frame img {
width: 30%;
margin-top: 0%;
margin-bottom: 0%;
}
.bar4 h3 {
font-size: 1.6rem;
line-height: 1;
margin-top: 5.5%;
margin-bottom: 0%;
}
.bar4 p {
font-family: "Arsenal", sans-serif;
font-size: 0.85rem;
font-weight: 600;
line-height: 130%;
padding: 0;
margin: 5% auto;
}
.bar5 {
transform: rotate(20deg);
top: 50%;
left: 50%;
width: 20%;
padding: 0;
display: inline-block;
height: min-content;
padding: 0;
margin: 0;
background-color: #e2eeec;
box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}
.bar5 p {
margin: 1% auto;
padding: 1% 4%;
font-family: "Libre Baskerville", serif;
font-size: 0.8rem;
letter-spacing: 0.03rem;
}
}