diff --git a/css/style.css b/css/style.css index 966e94c..7889aab 100644 --- a/css/style.css +++ b/css/style.css @@ -23,6 +23,7 @@ body { color: #4d5ae5; display: flex; margin-right: 76px; + transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1); } .logo_style > span { @@ -38,6 +39,23 @@ body { display: flex; gap: 40px; padding: 24px 0; + position: relative; + transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1); +} + +.current { + color: #404bbf; +} + +.current:after { + content: ''; + width: 100%; + position: absolute; + left: 0; + bottom: -1px; + height: 4px; + background-color: #404bbf; + border-radius: 2px; } .studio_style:hover, @@ -47,6 +65,7 @@ body { .address_style { font-style: normal; display: block; + transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1); } .kontakt_style { @@ -215,6 +234,8 @@ body { .header_style { border-bottom: 1px solid #e7e9fc; + box-shadow: 0px 2px 1px rgba(46, 47, 66, 0.08), + 0px 1px 1px rgba(46, 47, 66, 0.16), 0px 1px 6px rgba(46, 47, 66, 0.08); } .container { diff --git a/images/icons.svg/antenna-1.svg b/images/SVG-ikony.svg/antenna-1.svg similarity index 100% rename from images/icons.svg/antenna-1.svg rename to images/SVG-ikony.svg/antenna-1.svg diff --git a/images/icons.svg/astronaut-1.svg b/images/SVG-ikony.svg/astronaut-1.svg similarity index 100% rename from images/icons.svg/astronaut-1.svg rename to images/SVG-ikony.svg/astronaut-1.svg diff --git a/images/icons.svg/clock-1.svg b/images/SVG-ikony.svg/clock-1.svg similarity index 100% rename from images/icons.svg/clock-1.svg rename to images/SVG-ikony.svg/clock-1.svg diff --git a/images/icons.svg/diagram-1.svg b/images/SVG-ikony.svg/diagram-1.svg similarity index 100% rename from images/icons.svg/diagram-1.svg rename to images/SVG-ikony.svg/diagram-1.svg diff --git a/images/icons.svg/facebook-1.svg b/images/SVG-ikony.svg/facebook-1.svg similarity index 100% rename from images/icons.svg/facebook-1.svg rename to images/SVG-ikony.svg/facebook-1.svg diff --git a/images/icons.svg/instagram-2.svg b/images/SVG-ikony.svg/instagram-2.svg similarity index 100% rename from images/icons.svg/instagram-2.svg rename to images/SVG-ikony.svg/instagram-2.svg diff --git a/images/icons.svg/linkedin-1.svg b/images/SVG-ikony.svg/linkedin-1.svg similarity index 100% rename from images/icons.svg/linkedin-1.svg rename to images/SVG-ikony.svg/linkedin-1.svg diff --git a/images/icons.svg/twitter-1.svg b/images/SVG-ikony.svg/twitter-1.svg similarity index 100% rename from images/icons.svg/twitter-1.svg rename to images/SVG-ikony.svg/twitter-1.svg diff --git a/index.html b/index.html index f6c6be2..d9bc457 100644 --- a/index.html +++ b/index.html @@ -22,7 +22,9 @@