diff --git a/css/style.css b/css/style.css
index 458e7f9..cb50b46 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,23 +1,33 @@
body {
font-family: "Inter", sans-serif;
padding: 0;
+ margin: 0;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
- height: 350px;
- width: 300px;
+ height: 366px;
+ width: 316px;
+ border: 0px solid;
+ border-image: linear-gradient(#47e2f6, #069be5, #059fe9, #176ec4) 1;
+ animation: rotate 2s ease-in infinite;
box-sizing: border-box;
}
+@keyframes rotate {
+ 50% {
+ border-image: linear-gradient(#176ec4, #059fe9, #069be5, #47e2f6) 1;
+ }
+}
+
.container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
- max-height: 350px;
- max-width: 300px;
+ max-height: 366px;
+ max-width: 316px;
padding: 20px;
box-sizing: border-box;
text-align: center;
diff --git a/pages/popup.html b/pages/popup.html
index 05ae72e..d6b31ff 100644
--- a/pages/popup.html
+++ b/pages/popup.html
@@ -22,7 +22,7 @@
<title>Main Menu</title>
</head>
<body>
- <div class="container">
+ <div class="container popup">
<div class="logo-container">
<img
src="../assets/images/icon_512x.png"