diff --git a/style.css b/style.css index 3666767..32d9d58 100644 --- a/style.css +++ b/style.css @@ -13,11 +13,12 @@ main { p, h1, h2, h3, h4, h5, h6, li { color: #fff; font-family: 'Roboto Slab', sans-serif; + font-weight: 100; margin: 0; } p, li { - font-size: 1.5rem; + font-size: 1rem; } a { @@ -42,42 +43,42 @@ div.header { align-items: center; gap: 1rem; padding: 1rem; - border-bottom: 0.25rem solid #fff; + border-bottom: 0.15rem solid #fff; } div.profile-name { display: flex; align-items: center; gap: 1rem; - height: 5rem; + height: 3rem; } div.profile-name img { - width: 5rem; - height: 5rem; + width: 3rem; + height: 3rem; } div.profile-name h1 { - font-size: 3rem; + font-size: 1.5rem; padding: 0%; } div.social-media { display: flex; align-items: center; - gap: 1.5rem; + gap: 1rem; } div.social-media a img { - width: 3rem; - height: 3rem; + width: 2rem; + height: 2rem; transition: box-shadow 0.2s ease-out 0s; } div.social-media a img[src="./Pictures/gmail.png"] { - width: 3.7rem; - height: 3rem; - border-radius: 0.4rem; + width: 2.5rem; + height: 2rem; + border-radius: 0.1rem; transition: box-shadow 0.2s ease-out 0s; } @@ -107,8 +108,8 @@ div.content > div { div.section { display: flex; flex-flow: column; - gap: 2rem; - padding: 1rem; + gap: 1rem; + padding: 0.7rem; border-radius: 0.5rem; border: #18181800 0.15rem solid; transition: all 0.25s ease-out 0s; @@ -120,12 +121,12 @@ div.section:hover { } div.section h2 { - font-size: 2rem; + font-size: 1.5rem; margin: 0%; } div.languages-images { - width: 15%; + width: min(10rem, 15%); } div.languages-images div { @@ -162,7 +163,7 @@ li li { div.advertience-wrapper { width: 20%; padding: 1rem; - min-width: 7rem; + max-width: 7rem; } div.advertience-wrapper > div { @@ -186,7 +187,7 @@ div.advertience-wrapper > div > img { div.jump-wrapper { width: 20%; - min-width: 10rem; + max-width: 10rem; } div.jump-wrapper > div { @@ -208,7 +209,7 @@ div.jump-wrapper > div > img { div.cosmotica-wrapper { width: 50%; - min-width: 20rem; + max-width: 20rem; } div.cosmotica-wrapper > div { @@ -269,7 +270,7 @@ div.experience-header { } .large-list li { - font-size: 2rem; + font-size: 1.5rem; } @media only screen and (max-device-width: 700px) { @@ -284,16 +285,16 @@ div.experience-header { } div.profile-name h1 { - font-size: 1.5rem; + font-size: 1rem; } div.social-media { - gap: 1rem; + gap: 0.8rem; } div.social-media a img { - width: 2rem; - height: 2rem; + width: 1.5rem; + height: 1.5rem; } div.social-media a img[src="./Pictures/gmail.png"] { @@ -311,7 +312,7 @@ div.experience-header { } div.languages-images div { - grid-template-columns: repeat(3, 33%); + grid-template-columns: repeat(3, min(33%)); } div.cosmotica-wrapper { @@ -320,6 +321,6 @@ div.experience-header { } .large-list li { - font-size: 1.5rem; + font-size: 1rem; } } \ No newline at end of file