From eb62cf70a6791e5c8fd140f069e8b31b6886587a Mon Sep 17 00:00:00 2001
From: jaerri <62021987+jaerri@users.noreply.github.com>
Date: Tue, 10 Feb 2026 16:25:21 -0600
Subject: hi

---
 prj_Irene/styles_snu.css | 167 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 167 insertions(+)
 create mode 100755 prj_Irene/styles_snu.css

(limited to 'prj_Irene/styles_snu.css')

diff --git a/prj_Irene/styles_snu.css b/prj_Irene/styles_snu.css
new file mode 100755
index 0000000..0f377b3
--- /dev/null
+++ b/prj_Irene/styles_snu.css
@@ -0,0 +1,167 @@
+@font-face {
+    font-family: sayafont;
+    src: url(./sources/MSGothic.ttf);
+}
+.home-button {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    width: 50px;
+    height: 50px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.home-button img {
+    width: 50px !important;
+    height: 50px !important;
+}
+
+
+
+
+.home-button:hover {
+    transform: scale(1.1);
+}
+
+.home-button:active {
+    transform: scale(0.95);
+}
+
+#lockscreen-container {
+    z-index: 3;
+    display: flex;
+    position: fixed;
+    align-items: center;
+    justify-content: center;
+    background-color: #000000;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+}
+
+#lockscreen-container img {
+    height: 100px;
+    transition: all 0.7s ease;
+}
+
+#lockscreen-container img:hover {
+    cursor: pointer;
+    top: 2px;
+    transform: scale(2);
+}
+
+#background img{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    overflow: hidden;
+}
+
+#charater-box{
+    position: fixed;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1;
+    max-width: 40%;
+    max-height: 80%;
+    overflow: hidden;
+}
+
+#box{
+    display: block;
+    position: fixed;
+    bottom: 60%;
+    left: 50%;
+    transform: translate(-50%, 60%);
+    width: 80%;
+    height: 70%;
+    background-color: rgba(0, 0, 0, 0.8);
+    opacity: 0; /*70%; */
+    border: none;
+    border-radius: 10px;
+    padding: 10px;
+    z-index: 2;
+
+}
+
+#box-2{
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    background: none;
+    bottom: 60%;
+    left: 50%;
+    transform: translate(-50%, 50%);
+    width: 80%;
+    height: 70%;
+    border: none;
+    border-radius: 10px;
+    padding: 10px;
+    z-index: 2;
+}
+
+.text{
+    font-family: 'sayafont';
+    position: relative;
+    color: white;
+    font-size: 2.5em;
+    z-index: 3;
+    margin: 20px;
+    font-weight: 200;
+    margin: 10px 0 0 0;
+
+}
+
+#click-icon-image{
+    width: 30px;
+    height: 30px;
+    height: fit-content;
+}
+
+#only-for-you{
+    font-size: 45px;
+    color: red;
+}
+
+#option-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    bottom: 20px;
+    width: 60%;
+    height: 30%;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    gap: 20px;
+    z-index: 2;
+}
+
+.option {
+    font-family: 'sayafont';
+    font-size: 1.6em;
+    display: flex;
+    justify-content: center;
+    align-items: center; 
+    max-width: 30%;
+    height: 30%;
+    flex: 1;   
+    top: 10px;
+    padding: 10px 20px;
+    border: none;
+    opacity: 0.7;
+    border-radius: 5px;
+    cursor: pointer;
+    background-color: #000000;
+    color: white;
+    transition: background-color 0.3s ease;
+    font-family: sans-serif;
+}
-- 
cgit v1.2.3