diff options
Diffstat (limited to 'style.css')
-rwxr-xr-x | style.css | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100755 index 0000000..962fdc3 --- /dev/null +++ b/style.css @@ -0,0 +1,80 @@ +header{ + display: flex; + justify-content: space-between; +} + +#logo img{ + max-width: 75%; + height: auto; +} + +#contacts{ + display: flex; + align-items: center; +} + +#contacts img{ + max-width: 50%; + min-width: 40%; +} + +#hamenu span{ + display: block; + width: 25px; + height: 2px; + margin-bottom: 5px; + position: relative; + background: black; +} + +/* Slideshow container */ +.slideshow-container { + max-width: 1000px; + position: relative; + margin: auto; + } + + /* Caption text */ + .text { + color: black; + font-size: 150%; + padding: 8px 12px; + position: absolute; + bottom: 8px; + width: 100%; + text-align: center; + background-color: white; + } + + /* The dots/bullets/indicators */ + .dot { + height: 15px; + width: 15px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; + } + + .active { + background-color: #717171; + } + + /* Fading animation */ + .fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; + } + + @-webkit-keyframes fade { + from {opacity: .4} + to {opacity: 1} + } + + @keyframes fade { + from {opacity: .4} + to {opacity: 1} + }
\ No newline at end of file |