Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
1.7 kB
2
Indexable
Never
body {
    font-family: "Montserrat", sans-serif;
    background-color: azure;
}

ul li {
    padding-left: 12px;
}

.wrapper {
    width: 1200px;
    display: flex;
    background-color: #fff;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
}

aside {
    width: 370px;
    background-color: #1e2939;
    color: white;
}

.profilePic {
    margin-top: 25px;
}

.asideText {
    margin-left: 51px;
}

.jobTitle {
    font-size: 14px;
    font-weight: 700;
}

.description {
    width: 400px;
    font-size: 14px;
    font-weight: 400;
}

aside h2 {
    font-size: 22px;
    font-weight: bold;
}

aside a {
    font-size: 14px;
    color: white;
    transition: color 0.3s, font-weight 0.3s, text-decoration 0.3s;
}

aside a:hover {
    color: #fb6d3a;
    font-weight: 600;
    text-decoration: none;
}

aside ul {
    padding-left: 24px;
}

aside li {
    color: #fb6d3a;
    font-size: 14px;
}

main {
    margin: 102px 88px;
    background-color: #fff;
}

main h1 {
    font-size: 45px;
    font-weight: 700;
}

.workAndEdu {
    width: 640px;
}

main h2 {
    font-size: 22px;
    font-weight: bold;
}

main h3 {
    font-size: 16px;
    font-weight: 700;
}

main h4 {
    font-size: 16px;
}

main a {
    font-size: 14px;
    color: #595959;
}

main p {
    font-size: 12px;
    color: #595959;
}

main ol {
    padding: 8px;
    list-style-position: inside;
}

main ul {
    padding-left: 24px;
}

main li {
    font-size: 14px;
    color: #595959;
}

.highlight {
    color: #fb6d3a;
}

.whiteText {
    color: #fff;
}

.boldText {
    font-weight: 500;
}

.bolderText {
    font-weight: 600;
}