diff --git a/css/style.css b/css/style.css index 34427dd..28d358c 100644 --- a/css/style.css +++ b/css/style.css @@ -34,7 +34,7 @@ body::before { .form-container { display: none; position: fixed; - z-index: 1; + z-index: 20; left: 0; top: 0; width: 100%; @@ -244,3 +244,108 @@ footer { transform: translateY(0); /* Remove lift on click */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Reduce shadow on click */ } + +@keyframes glitch { + 0% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 1% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 2% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 3% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 4% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 5% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 6% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 7% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 8% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 9% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 10% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 11% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} + 12% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} + 13% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} + 14% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} + 15% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} + 16% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 17% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 18% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 19% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 20% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 21% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 22% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 23% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 24% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 25% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 26% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);} + 27% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);} + 28% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 29% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 30% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 31% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 32% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 33% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 34% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 35% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} + 36% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} + 37% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} + 38% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 39% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 40% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 41% { text-shadow: 45px 0 0 #0c33f5, -45px 0 0 lime; filter: blur(0);} + 42% { text-shadow: 0 0 0 #0c33f5, 0 0 0 lime; filter: blur(0);} + 43% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} + 44% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} + 45% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} + 46% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} + 47% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} + 48% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 49% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 50% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 51% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 52% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 53% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 54% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 55% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0.5px);} + 56% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} + 57% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} + 58% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 59% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 60% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 61% { text-shadow: 30px 0 0 red, -30px 0 0 lime; filter: blur(0);} + 62% { text-shadow: 0 0 0 red, 0 0 0 lime; filter: blur(0);} + 63% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} + 64% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} + 65% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} + 66% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0.5px);} + 67% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} + 68% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 69% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 70% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 71% { text-shadow: 50px 0 0 red, -50px 0 0 #0c33f5; filter: blur(0);} + 72% { text-shadow: 0 0 0 red, 0 0 0 #0c33f5; filter: blur(0);} + 73% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 74% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 75% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 76% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} + 77% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 78% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 79% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 80% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} + 81% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} + 82% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} + 83% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} + 84% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} + 85% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} + 86% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} + 87% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} + 88% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 89% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 90% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} + 91% { text-shadow: 60px 0 0 lime, -60px 0 0 #0c33f5; filter: blur(0);} + 92% { text-shadow: 0 0 0 lime, 0 0 0 #0c33f5; filter: blur(0);} + 92% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 93% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 94% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 95% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} + 96% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 97% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 98% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 99% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} + 100% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} +} diff --git a/css/style_menu.css b/css/style_menu.css index 6379f71..52f45f2 100644 --- a/css/style_menu.css +++ b/css/style_menu.css @@ -60,4 +60,10 @@ text-align: center; } - \ No newline at end of file + #global_title { + animation: glitch 3s steps(100) infinite; + color: #151515; + font-size: 13vh; + text-align: center; + text-transform: uppercase; + } \ No newline at end of file diff --git a/css/style_project.less b/css/style_project.less deleted file mode 100644 index c3f0371..0000000 --- a/css/style_project.less +++ /dev/null @@ -1,47 +0,0 @@ -@bggradient: linear-gradient(to right top, #ffffff, #f5f4f5, #ebeaeb, #e2dfe0, #d9d5d5); -@ball: #f57724; -@text: #414141; - - -#name_project { - position: absolute; - font-size: 40px; - display: inline-block; - white-space: nowrap; - font-weight: bold; - overflow: hidden; - top: 50px; - left: 115px; - color: darken(@text, 10%); - animation: textreveal 4s infinite alternate; - } - - #ball { - position: absolute; - top: 27.5px; - left: 50px; - height: 98px; - width: 100px; - white-space: nowrap; - overflow: hidden; - background-color: @ball; - border-radius: 50%; - animation: ballmove 4s infinite alternate; - z-index: 1; - box-shadow: 0px 3px 15px rgba(0,0,0,0.3); - } - - @keyframes ballmove { - 0%{transform: translate(0px, 8.5px) scale(0.1);} - 25%{transform: translateX(127.5px) scale(0.5);} - 50%{transform: translateX(255px) scale(0.1);} - 75%{transform: translateX(127.5px) scale(0.5);} - 100%{transform: translate(0px, 8.5px) scale(0.1);} - } - - @keyframes textreveal { - 0% {width: 0;} - 10% {width: 0;} - 50% {width: 240px;} - 100% {width: 0;} -} \ No newline at end of file diff --git a/css/style_projet.css b/css/style_projet.css index ceb3edc..9a50872 100644 --- a/css/style_projet.css +++ b/css/style_projet.css @@ -53,7 +53,7 @@ } .arrow-icon { - z-index: 100; + z-index: 15; height: 3em; width: 2.8em; padding: 0.5em; @@ -80,7 +80,7 @@ } .left-bar, .right-bar { - z-index: 100; + z-index: 15; position: absolute; background-color: transparent; width: 40px; @@ -140,107 +140,12 @@ } } -@keyframes glitch { - 0% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 1% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 2% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 3% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 4% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 5% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 6% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 7% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 8% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 9% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 10% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 11% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} - 12% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} - 13% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} - 14% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} - 15% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} - 16% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 17% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 18% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 19% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 20% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 21% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 22% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 23% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 24% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 25% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 26% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);} - 27% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);} - 28% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 29% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 30% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 31% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 32% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 33% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 34% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 35% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} - 36% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} - 37% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);} - 38% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 39% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 40% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 41% { text-shadow: 45px 0 0 #0c33f5, -45px 0 0 lime; filter: blur(0);} - 42% { text-shadow: 0 0 0 #0c33f5, 0 0 0 lime; filter: blur(0);} - 43% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} - 44% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} - 45% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} - 46% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} - 47% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} - 48% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 49% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 50% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 51% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 52% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 53% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 54% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 55% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0.5px);} - 56% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} - 57% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} - 58% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 59% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 60% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 61% { text-shadow: 30px 0 0 red, -30px 0 0 lime; filter: blur(0);} - 62% { text-shadow: 0 0 0 red, 0 0 0 lime; filter: blur(0);} - 63% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} - 64% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} - 65% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);} - 66% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0.5px);} - 67% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);} - 68% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 69% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 70% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 71% { text-shadow: 50px 0 0 red, -50px 0 0 #0c33f5; filter: blur(0);} - 72% { text-shadow: 0 0 0 red, 0 0 0 #0c33f5; filter: blur(0);} - 73% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 74% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 75% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 76% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);} - 77% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 78% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 79% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 80% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);} - 81% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} - 82% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);} - 83% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} - 84% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} - 85% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);} - 86% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} - 87% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);} - 88% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 89% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 90% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);} - 91% { text-shadow: 60px 0 0 lime, -60px 0 0 #0c33f5; filter: blur(0);} - 92% { text-shadow: 0 0 0 lime, 0 0 0 #0c33f5; filter: blur(0);} - 92% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 93% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 94% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 95% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);} - 96% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 97% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 98% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 99% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} - 100% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);} +.form-header { + display: flex; + justify-content: right; /* Aligns items with space between them */ + ; +} + +#close-form-button-project{ + width: 35px; } diff --git a/html/projet_detail.html b/html/projet_detail.html index d33917f..6cf9ae1 100644 --- a/html/projet_detail.html +++ b/html/projet_detail.html @@ -20,7 +20,9 @@