diff --git a/codigo/assets/css/home.css b/codigo/assets/css/home.css index 325f092..2bbfcb7 100644 --- a/codigo/assets/css/home.css +++ b/codigo/assets/css/home.css @@ -144,21 +144,12 @@ main{ font-size: 24px; } -.information:hover{ - height: 400px; - width: 1300px; - background-color: rgba(86, 189, 160, 0.8); - transition: background 0.15s ease-in-out; - transition: height 0.15s ease-in-out; - transition: width 0.15s ease-in-out; - -} + .information:hover { height: 400px; width: 1300px; background-color: rgba(86, 189, 160, 0.8); - transition: background 0.15s ease-in-out, height 0.15s ease-in-out, width 0.15s ease-in-out; } .information:hover p{ diff --git a/codigo/assets/css/login.css b/codigo/assets/css/login.css new file mode 100644 index 0000000..3ca7fb4 --- /dev/null +++ b/codigo/assets/css/login.css @@ -0,0 +1,63 @@ +main { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + gap: 50px; +} +.bebas-neue-regular { + font-family: "Bebas Neue", sans-serif; + color: #747474; + font-weight: 400; + font-style: normal; + } + +.option-title{ + margin-top: 80px; + font-size: 58px +} + + +.log-container{ + display: flex; + + gap:40px; +} + +.option-log { + display: flex; + justify-content: center; /* Centers content horizontally */ + align-items: center; /* Centers content vertically */ + text-align: center; /* Centers text within the element */ + + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + height: 300px; + width: 300px; + border-radius: 30px; + + font-size: 45px; + background-color: rgba(153, 157, 161, 0.71); + transition: height 0.15s ease-in-out, width 0.15s ease-in-out, font-size 0.15s ease-in-out, background-color 0.15s ease-in-out; +} + +.option-log:hover { + height: 350px; + width: 350px; + font-size: 55px; + background-color: rgb(132, 132, 132); +} + + + +.option-end{ + font-size: 30px; +} + +.option-end a{ + color: rgb(7, 170, 7); +} + +.option-end a:visited{ + color: green; +} \ No newline at end of file diff --git a/codigo/assets/css/style.css b/codigo/assets/css/style.css index 2281408..1f06149 100644 --- a/codigo/assets/css/style.css +++ b/codigo/assets/css/style.css @@ -1,4 +1,8 @@ + + + body { + height: 100%; font-family: Arial, sans-serif; margin: 0; padding: 0; diff --git a/codigo/pages/opcaoLogin.html b/codigo/pages/opcaoLogin.html new file mode 100644 index 0000000..5f5411c --- /dev/null +++ b/codigo/pages/opcaoLogin.html @@ -0,0 +1,55 @@ + + + + + + + + + Document + + + +
+ + +
+ +
+ +

Escolha como deseja entrar

+ + +

Já tem conta? clique Aqui

+
+ + + + \ No newline at end of file