diff --git a/webpage/main.scss b/webpage/main.scss index 51a27e1..2194cce 100644 --- a/webpage/main.scss +++ b/webpage/main.scss @@ -7,4 +7,4 @@ @use "partials/personal"; @use "partials/footer"; -/* Selectors cheat sheet: https://dev.to/dawnind/css3-selectors-cheat-sheet-6dk */ +/* Selectors cheat sheet: https://dev.to/dawnind/css3-selectors-cheat-sheet-6dk */ \ No newline at end of file diff --git a/webpage/partials/_footer.scss b/webpage/partials/_footer.scss index 10e0844..9b0889a 100644 --- a/webpage/partials/_footer.scss +++ b/webpage/partials/_footer.scss @@ -11,7 +11,7 @@ footer { footer p { color: v.$light-blue; - font-size: 0.5rem; + font-size: 0.75rem; font-style: italic; text-align: center; } \ No newline at end of file diff --git a/webpage/partials/_global.scss b/webpage/partials/_global.scss index d4cf4b3..5675f4a 100644 --- a/webpage/partials/_global.scss +++ b/webpage/partials/_global.scss @@ -4,9 +4,6 @@ font-family: Helvetica, Arial, sans-serif; margin: 0; } -html { - font-size: 20px; -} body { background-color: v.$navy-blue; } diff --git a/webpage/partials/_personal.scss b/webpage/partials/_personal.scss index 84de10f..b070e40 100644 --- a/webpage/partials/_personal.scss +++ b/webpage/partials/_personal.scss @@ -9,7 +9,7 @@ } #personal_life h1 { text-align: center; - font-size: 1.5rem; + font-size: 1.75rem; font-style: italic; margin-bottom: 1%; } @@ -17,8 +17,8 @@ margin-top: 3%; } #personal_life p { - font-size: 1rem; + font-size: 1.25rem; text-align: center; - line-height: 1.25rem; + line-height: 1.5rem; color: v.$navy-blue; } \ No newline at end of file diff --git a/webpage/partials/_projects.scss b/webpage/partials/_projects.scss index a43caa2..345c3c7 100644 --- a/webpage/partials/_projects.scss +++ b/webpage/partials/_projects.scss @@ -13,10 +13,11 @@ margin: 0 auto; margin-top: 4%; } + #project_menu a { display: block; padding: 5% 5%; - font-size: 1rem; + font-size: 1.5rem; background-color: v.$light-blue; color: v.$navy-blue; border: v.$navy-blue 2px solid; @@ -28,6 +29,7 @@ #project_menu a:hover { background-color: v.$gray-blue; } + .project_container { width: 70%; padding: 3%; @@ -47,13 +49,13 @@ h1.project_title { text-align: center; font-weight: bold; - font-size: 2rem; + font-size: 2.5rem; padding: 1rem; } .project_desc p { padding: 1% 10%; text-align: center; - font-size: 1.25rem; + font-size: 1.5rem; } .project_divider ~ .project_content > .project_title { padding-top: 3%; @@ -83,7 +85,7 @@ .project_skills ul li { font-family: "Lucida Console", Courier, monospace; list-style-type: none; - font-size: 1rem; + font-size: 1.25rem; line-height: 1.2; } .project_skills ul li:before { @@ -91,21 +93,22 @@ } .takeaways { + border: 2% solid v.$navy-blue; margin: 2% auto; width: 90%; } .takeaways h1 { text-align: center; - text-decoration: underline rgb(5, 37, 59); - font-size: 1.25rem; + text-decoration: underline v.$navy-blue; //Why isn't this border working? + font-size: 1.5rem; margin-top: 5%; margin-bottom: 3%; font-weight: normal; } .takeaways p { - padding: 0 10% 2% 10%; + padding-bottom: 0.75rem; font-size: 1rem; - line-height: 1rem; + line-height: 1.25rem; text-align: center; font-style: italic; } diff --git a/webpage/partials/_skills.scss b/webpage/partials/_skills.scss index 5629aee..74a9633 100644 --- a/webpage/partials/_skills.scss +++ b/webpage/partials/_skills.scss @@ -33,7 +33,7 @@ #skills .column { text-align: left; - font-size: 1.25rem; + font-size: 1.5rem; margin: 1%; padding: 3%; background-color: v.$light-blue; @@ -45,6 +45,6 @@ div#skills .column ul { div#skills .column ul p { margin: 0; margin-left: 7.5%; - font-size: 1.25rem; + font-size: 1.5rem; font-style: italic; } \ No newline at end of file diff --git a/webpage/styles/main.css b/webpage/styles/main.css index 4f35bc3..b39b370 100644 --- a/webpage/styles/main.css +++ b/webpage/styles/main.css @@ -3,10 +3,6 @@ margin: 0; } -html { - font-size: 20px; -} - body { background-color: #091d3a; } @@ -132,7 +128,7 @@ a:visited { } #skills .column { text-align: left; - font-size: 1.25rem; + font-size: 1.5rem; margin: 1%; padding: 3%; background-color: rgb(203, 239, 252); @@ -145,7 +141,7 @@ div#skills .column ul { div#skills .column ul p { margin: 0; margin-left: 7.5%; - font-size: 1.25rem; + font-size: 1.5rem; font-style: italic; } @@ -158,7 +154,7 @@ div#skills .column ul p { #project_menu a { display: block; padding: 5% 5%; - font-size: 1rem; + font-size: 1.5rem; background-color: rgb(203, 239, 252); color: #091d3a; border: #091d3a 2px solid; @@ -189,13 +185,13 @@ div#skills .column ul p { h1.project_title { text-align: center; font-weight: bold; - font-size: 2rem; + font-size: 2.5rem; padding: 1rem; } .project_desc p { padding: 1% 10%; text-align: center; - font-size: 1.25rem; + font-size: 1.5rem; } .project_divider ~ .project_content > .project_title { padding-top: 3%; @@ -223,28 +219,29 @@ div#skills .column ul p { .project_skills ul li { font-family: "Lucida Console", Courier, monospace; list-style-type: none; - font-size: 1rem; + font-size: 1.25rem; line-height: 1.2; } .project_skills ul li:before { content: ">"; } .takeaways { + border: 2% solid #091d3a; margin: 2% auto; width: 90%; } .takeaways h1 { text-align: center; - text-decoration: underline rgb(5, 37, 59); - font-size: 1.25rem; + text-decoration: underline #091d3a; + font-size: 1.5rem; margin-top: 5%; margin-bottom: 3%; font-weight: normal; } .takeaways p { - padding: 0 10% 2% 10%; + padding-bottom: 0.75rem; font-size: 1rem; - line-height: 1rem; + line-height: 1.25rem; text-align: center; font-style: italic; } @@ -288,7 +285,7 @@ div#skills .column ul p { #personal_life h1 { text-align: center; - font-size: 1.5rem; + font-size: 1.75rem; font-style: italic; margin-bottom: 1%; } @@ -298,9 +295,9 @@ div#skills .column ul p { } #personal_life p { - font-size: 1rem; + font-size: 1.25rem; text-align: center; - line-height: 1.25rem; + line-height: 1.5rem; color: #091d3a; } @@ -315,7 +312,7 @@ footer { footer p { color: rgb(203, 239, 252); - font-size: 0.5rem; + font-size: 0.75rem; font-style: italic; text-align: center; } diff --git a/webpage/styles/main.css.map b/webpage/styles/main.css.map index c672f4f..1ee7f46 100644 --- a/webpage/styles/main.css.map +++ b/webpage/styles/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../partials/_global.scss","../_variables.scss","../partials/_header.scss","../partials/_skills.scss","../partials/_projects.scss","../partials/_personal.scss","../partials/_footer.scss","../main.scss"],"names":[],"mappings":"AAEA;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI,kBCVQ;;;ADcZ;EACI;EACA;;;AEdJ;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,kBDnBS;ECoBT,ODtBQ;;;ACwBZ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAIJ;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAIJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBDxES;ECyET,OD3EQ;EC4ER;;;AAEJ;EACI;;;AC5EJ;EACI;IACI;IACA;;;AAKR;EACI;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBFpCS;;;AEuCb;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;ACvCJ;EACI;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA,kBHjBK;IGkBL,OHpBI;IGqBJ;IACA;;EAEJ;IACI;;EAEJ;IACI,kBH3BI;;EG6BR;IACI;IACA;IACA,kBH/BK;;EGiCT;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,OHzCI;;EG2CR;IACI;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAGJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;;EAGJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBHrHQ;;;AGuHZ;EACI;;;AAEJ;EACI;;;AAGJ;AACA;EACI;;;AAEJ;EACI;IACI;;EAEJ;IACI;;;ACtIR;AACA;EACI;EACA;EACA;EACA,kBJNQ;;;AIQZ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA,OJtBQ;;;AKEZ;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OLVS;EKWT;EACA;EACA;;;ACNJ","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../partials/_global.scss","../_variables.scss","../partials/_header.scss","../partials/_skills.scss","../partials/_projects.scss","../partials/_personal.scss","../partials/_footer.scss","../main.scss"],"names":[],"mappings":"AAEA;EACI;EACA;;;AAEJ;EACI,kBCPQ;;;ADWZ;EACI;EACA;;;AEXJ;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA,kBDnBS;ECoBT,ODtBQ;;;ACwBZ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAIJ;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAIJ;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBDxES;ECyET,OD3EQ;EC4ER;;;AAEJ;EACI;;;AC5EJ;EACI;IACI;IACA;;;AAKR;EACI;IACI;IACA;IACA;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;;EAEJ;IACI;IACA;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBFpCS;;;AEuCb;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;ACvCJ;EACI;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA,kBHlBK;IGmBL,OHrBI;IGsBJ;IACA;;EAEJ;IACI;;EAEJ;IACI,kBH5BI;;EG+BR;IACI;IACA;IACA,kBHjCK;;EGmCT;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,OH3CI;;EG6CR;IACI;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAGJ;IACI;IACA;;EAEJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;;EAGJ;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;IACA;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA,kBHxHQ;;;AG0HZ;EACI;;;AAEJ;EACI;;;AAGJ;AACA;EACI;;;AAEJ;EACI;IACI;;EAEJ;IACI;;;ACzIR;AACA;EACI;EACA;EACA;EACA,kBJNQ;;;AIQZ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA,OJtBQ;;;AKEZ;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OLVS;EKWT;EACA;EACA;;;ACNJ","file":"main.css"} \ No newline at end of file