From 0c03e94f5710a9e2736d12399847d79067eba18b Mon Sep 17 00:00:00 2001
From: allllen4a <zhrnvalena@yandex.ru>
Date: Wed, 6 Dec 2023 19:04:25 +0300
Subject: [PATCH] Lab3

---
 Laba3/css/style.css | 418 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 418 insertions(+)
 create mode 100644 Laba3/css/style.css

diff --git a/Laba3/css/style.css b/Laba3/css/style.css
new file mode 100644
index 0000000..c15f36c
--- /dev/null
+++ b/Laba3/css/style.css
@@ -0,0 +1,418 @@
+header nav {
+    background-color: #382F1E;
+    color: #000000;
+    font-family: Santa Catarina;
+}
+
+@media (min-width: 768px) {
+    header nav {
+        font-family: 'Santa Catarina', Arial, sans-serif;
+        height: 64px;
+    }
+
+}
+body {
+    overflow-x: hidden;
+    background-color: #403928;
+    color: white;
+    font-family: Santa Catarina;
+}
+
+.img-fluid {
+    width: 100%;
+    height: auto;
+}
+
+header nav a:hover {
+    font-family: Santa Catarina;
+    text-decoration: underline;
+}
+
+footer {
+    width: 100%;
+    font-family: Santa Catarina;
+    background-color: #382F1E;
+    color: white;
+    text-align: center;
+    padding: 10px 0;
+  
+    bottom: 0;
+    left: 0;
+}
+
+h1 {
+    font-family: Santa Catarina; 
+    color: black;
+}
+
+h2 {
+    font-family: Santa Catarina;     
+    color: black;
+}
+
+h3 {
+    font-family: Santa Catarina;  
+    color: black;
+}
+
+h4 {  
+    color: #000000;
+    font-family: Santa Catarina;
+}
+
+h5 {  
+    color: #000000;
+    font-family: Santa Catarina;
+}
+
+
+.index .navbar-toggler {
+    display: none;
+}
+.index .btn-custom {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #382F1E;
+    font-size: 12px;
+}
+
+@media (max-width: 768px) {
+    .index .navbar-toggler {
+        display: inline-block;
+    }
+}
+@media (max-width: 576px) {
+    .index h1 {
+        font-size: 48px;
+        text-align: center;
+    }
+    .index h2 {
+        font-size: 24px;
+        text-align: center;
+    }
+    .index h3 {
+        font-size: 18px;
+        text-align: center;
+    }
+    .index .btn-custom {
+        font-size: 12px;
+    }
+}
+
+@media (min-width: 576px) {
+    .index h1 {
+        font-size: 248px;
+        text-align: center;
+        margin-top: 30px;
+    }
+    .index h2 {
+        font-size: 62px;
+        text-align: center;
+        margin-top: 15px;
+    }
+    .index h3 {
+        font-size: 30px;
+        text-align: center;
+        margin-top: 10px;
+    }
+    .index .btn-custom {
+        font-size: 12px;
+    }
+}
+
+
+.page2 .img-fluid {
+    width: 260px;
+    height: 372px;
+}
+
+.page2 .navbar-toggler {
+    display: none;
+}
+.page2 .img-fluid {
+    width: 100%;
+    height: auto;
+}
+
+@media (max-width: 768px) {
+    .page2 .navbar-toggler {
+        display: inline-block;
+    }
+}
+@media (max-width: 576px) {
+   .page2 h2 {
+        font-size: 2em;
+    }
+    .page2 h1 {
+        font-size: 1em;
+    }
+}
+
+@media (min-width: 576px) {
+    .page2 h2 {
+        font-size: 10em;
+    }
+    .page2 h1 {
+        font-size: 2.5em;
+    }
+}
+
+.page3 .navbar-toggler {
+    display: none;
+}
+
+@media (max-width: 768px) {
+    .page3 .navbar-toggler {
+        display: inline-block;
+    }
+}
+
+
+.page4 .navbar-toggler {
+    display: none;
+}
+
+
+@media (max-width: 768px) {
+    .page4 .navbar-toggler {
+        display: inline-block;
+    }
+}
+@media (max-width: 576px) {
+.page4 h1 {
+font-size: 36px;
+
+}
+.page4 h2 {
+font-size: 36px;
+
+}
+}
+
+@media (min-width: 576px) {
+.page4 h1 {
+font-size: 80px;
+
+}
+.page4 h2 {
+font-size: 60px;
+
+}
+}
+
+.page5 .form-control {
+    font-size: 20px;
+    margin-top: 10px;
+}
+
+.page5 .btn-custom {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #382F1E;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+@media (max-width: 576px) {
+.page5 h1 {
+font-size: 48px;
+}
+}
+@media (min-width: 576px) {
+.page5 h1 {
+font-size: 10em;
+}
+}
+
+.LK .row.justify-content-center {
+    height: 100vh;
+    align-items: center;
+}
+
+.LK .form-label {
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+.LK .form-control {
+    font-size: 20px;
+    margin-top: 10px;
+}
+
+.LK .btn-custom {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #382F1E;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+
+.LK .btn-edit {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #3E5B7C;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+@media (max-width: 576px) {
+.LK h1 {
+font-size: 48px;
+}
+}
+
+
+@media (min-width: 576px) {
+.LK h1 {
+font-size: 10em;
+}
+}
+
+
+.regadmin .row.justify-content-center {
+    height: 100vh;
+    align-items: center;
+}
+
+.regadmin .form-label {
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+.regadmin .form-control {
+    font-size: 20px;
+    margin-top: 10px;
+}
+
+.regadmin .btn-custom {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #382F1E;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+
+@media (max-width: 576px) {
+    .regadmin h1 {
+    font-size: 48px;
+    }
+}
+@media (min-width: 576px) {
+    .regadmin h1 {
+    font-size: 10em;
+    }
+}
+
+
+
+.regadmin2 .row.justify-content-center {
+    height: 100vh;
+    align-items: center;
+}
+
+
+
+.regadmin2 .form-label {
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+.regadmin2 .form-control {
+    font-size: 20px;
+    margin-top: 10px;
+}
+
+.regadmin2 .btn-custom {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #382F1E;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+
+@media (max-width: 576px) {
+    .regadmin2 h1.text-center {
+        font-size: 48px;
+    }
+}
+@media (min-width: 576px) {
+    .regadmin2 h1.text-center {
+        font-size: 10em;
+    }
+}
+
+.registration .row.justify-content-center {
+    height: 100vh;
+    align-items: center;
+}
+
+.registration .form-label {
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+.registration .form-control {
+    font-size: 20px;
+    margin-top: 10px;
+}
+
+.registration .btn-custom {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #382F1E;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+
+@media (max-width: 576px) {
+.registration h1.text-center {
+font-size: 48px;
+}
+}
+
+
+@media (min-width: 576px) {
+.registration h1.text-center {
+font-size: 10em;
+}
+}
+
+
+.otherpage .row.justify-content-center {
+    height: 100vh;
+    align-items: center;
+}
+
+.otherpage .form-label {
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+.otherpage .form-control {
+    font-size: 20px;
+    margin-top: 10px;
+}
+
+.otherpage .btn-custom {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #382F1E;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+
+.otherpage .btn-edit {
+    font-family: 'Santa Catarina', Arial, sans-serif;
+    background-color: #3E5B7C;
+    color: white;
+    font-weight: bold;
+    margin-top: 20px;
+}
+@media (max-width: 576px) {
+.otherpage h1 {
+font-size: 48px;
+}
+}
+
+@media (min-width: 576px) {
+.otherpage h1 {
+font-size: 10em;
+}
+}
\ No newline at end of file