diff options
Diffstat (limited to 'styles/projects.css')
| -rw-r--r-- | styles/projects.css | 76 |
1 files changed, 0 insertions, 76 deletions
diff --git a/styles/projects.css b/styles/projects.css deleted file mode 100644 index 5b00204..0000000 --- a/styles/projects.css +++ /dev/null @@ -1,76 +0,0 @@ -.projects-section { - margin-top: 20px; - padding: 10px; - background: #ffebf0; - border: solid #ffb6c1 2px; -} -.projects-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; -} -.projects-section ul { - list-style-type: disc; - padding-left: 20px; -} -.projects-section ul li { - margin-bottom: 10px; -} - -.projects-section .image-container { - display: flex; - flex-wrap: wrap; - gap: 10px; -} -.projects-section .image-container img { - max-width: 100%; - height: auto; - cursor: pointer; - transition: transform 0.2s; -} -.projects-section .image-container img:hover { - transform: scale(1.05); -} - -.fullscreen-img { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.9); - justify-content: center; - align-items: center; - z-index: 1000; -} -.fullscreen-img img { - max-width: 90%; - max-height: 90%; -} - -@media (max-width: 768px) { - .projects-section { - padding: 5px; - } - - .projects-section h3 { - font-size: 1.5em; - } - - .projects-section ul { - padding-left: 10px; - } - - .projects-section ul li { - margin-bottom: 5px; - } - - .projects-section .image-container { - flex-direction: column; - align-items: center; - } - .projects-section .image-container img { - width: 100%; - height: auto; - } -}
\ No newline at end of file |