diff --git a/index.html b/index.html index a53564d..0f7f16f 100644 --- a/index.html +++ b/index.html @@ -47,6 +47,37 @@ .image-wrapper:hover .image-tooltip { display: block; } + + /* Style for the modal */ + .modal { + display: none; + position: fixed; + z-index: 1; + padding-top: 100px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0,0,0,0.9); + } + + .modal-content { + margin: auto; + display: block; + width: 80%; + max-width: 700px; + } + + .close { + position: absolute; + top: 15px; + right: 35px; + color: #f1f1f1; + font-size: 40px; + font-weight: bold; + cursor: pointer; + } @@ -66,7 +97,13 @@