Updated about me and fixed logo styles

This commit is contained in:
2021-04-10 13:37:01 +05:00
parent 9fa0ff195f
commit a50a85046f
8 changed files with 129 additions and 46 deletions

View File

@ -1,37 +1,47 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
::selection {
background-color: #000000;
color: #ffffff;
background-color: #000000;
color: #ffffff;
}
html, body {
height: 100%;
html,
body {
height: 100%;
}
body {
background-color: #ffffff;
border-top: solid 5px #000000;
padding: 45px;
background-color: #ffffff;
border-top: solid 5px #000000;
padding: 45px;
}
a {
font-family: monospace;
color: #000000;
font-family: monospace;
color: #000000;
}
header {
height: 65px;
margin-bottom: 30px;
height: 65px;
margin-bottom: 30px;
}
header img {
height: 100%;
height: 100%;
}
#logo {
display: block;
height: 65px;
width: 65px;
background-color: #000000;
}
/* header #modern {
@ -49,45 +59,55 @@ header #modern:hover
} */
main {
max-width: 800px;
max-width: 800px;
}
main>* {
margin-bottom: 30px;
main > * {
margin-bottom: 30px;
}
main img {
max-width: 100%;
max-width: 100%;
}
main>ul {
padding-left: 30px;
main > ul {
padding-left: 30px;
}
main p, main blockquote, main li {
font-size: 20px;
line-height: 30px;
main p,
main blockquote,
main li {
font-size: 20px;
line-height: 30px;
}
main a:hover {
text-decoration: none;
text-decoration: none;
}
main blockquote {
margin-left: 20px;
padding-left: 10px;
border-left: #000000 solid 5px;
margin-left: 20px;
padding-left: 10px;
border-left: #000000 solid 5px;
}
main>#header {
font-size: 45px;
main details, main summary {
outline: none;
}
main > #header {
font-size: 45px;
}
@media (max-width: 800px) {
body {
padding: 30px;
}
header #modern {
margin-left: 25px;
}
}
body {
padding: 30px;
}
header #modern {
margin-left: 25px;
}
}
ul ul > li {
margin-left: 20px;
}