move css
This commit is contained in:
parent
f616f3c999
commit
050cdf637f
2 changed files with 26 additions and 24 deletions
|
@ -14,6 +14,8 @@ p {
|
||||||
#intro {
|
#intro {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
line-height: 1.33em;
|
||||||
|
|
||||||
.start {
|
.start {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -21,6 +23,30 @@ p {
|
||||||
.reference {
|
.reference {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
|
line-height: 1em;
|
||||||
|
margin-top: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 20px;
|
||||||
|
.block {
|
||||||
|
width: 100%
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 799px) {
|
||||||
|
#intro {
|
||||||
|
margin: 16px;
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -34,30 +34,6 @@
|
||||||
#intro, #contact {
|
#intro, #contact {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#intro {
|
|
||||||
line-height: 1.33em;
|
|
||||||
}
|
|
||||||
#intro img {
|
|
||||||
width: 100%;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
#intro .row {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 20px;
|
|
||||||
}
|
|
||||||
#intro .row .block {
|
|
||||||
width: 100%
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 799px) {
|
|
||||||
#intro {
|
|
||||||
margin: 16px;
|
|
||||||
}
|
|
||||||
#intro .row {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
Loading…
Reference in a new issue