diff --git a/index.html b/index.html index c6fdfa9..4148925 100644 --- a/index.html +++ b/index.html @@ -137,9 +137,26 @@ diff --git a/style.css b/style.css index 82d34c1..d5832c1 100644 --- a/style.css +++ b/style.css @@ -14,6 +14,14 @@ h1,h2,h3,h4,h5,p{ /*Family Roboto or Atma ?*/ } +a{ + text-decoration: none; +} +a:visited{ + color: #EAEAEA; + text-decoration: none; +} + .test{ border: red dotted 2px; } @@ -249,3 +257,76 @@ h1,h2,h3,h4,h5,p{ font-size: 1.1em; } +footer{ + background-color: #2c2b2b; + margin-top: 50px; + border-top: #EAEAEA 2px solid; + height: fit-content; + position: relative; /* So img can be absolute */ +} +#footer_content{ + width: 80%; + margin: auto; + margin-top: 20px; + margin-bottom: 20px; + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +#footer_content_links{ + display: flex; + flex-direction: row; + width: 25%; + min-width: 50px; + flex-wrap: wrap; + border: 2px rgb(212, 15, 230) dotted; +} +#footer_content_links h1{ + font-size: 2em; + width: 100%; + margin: 0; +} +.footer_links_box{ + border: 3px blue dotted; + width: fit-content; + margin-right: 20px; + margin-bottom: 15px; +} +.footer_links_box_title{ + font-size: 1.8em; + border-bottom: rgb(179, 72, 122) 2px solid; + margin: 0; + margin-bottom: 2px; + margin-top: 2px; +} +.footer_links_box ul{ + text-decoration: none; + padding: 0; + margin: 0; + margin-top: 4px; +} +.footer_links_box li p{ + margin: 0; + font-size: 1.2em; + text-decoration: none; + margin-bottom: 2px; +} + +#footer_little_text{ + font-size: 0.8em; + margin: 0; + margin-left: 20px; +} +#footer_picture{ + width: 5vw; + height: 5vw; + right: 10%; + top: 10px; + border: 2px green dotted; + position: absolute; +} +#footer_picture img{ + width: 100%; + height: 100%; +} \ No newline at end of file