diff --git a/Anupama/global.css b/Anupama/global.css
new file mode 100644
index 0000000..4b437e0
--- /dev/null
+++ b/Anupama/global.css
@@ -0,0 +1,36 @@
+@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
+:root {
+ --main-purple: #072540;
+ --main-pink: #ff73fa;
+ --secondary-blue: #0069ff;
+ --secondary-purple: #183d5d;
+ --secondary-purple-dark: hsl(208, 59%, 10%);
+ --white: #ffffff;
+ --primary-blue: #93c2db;
+}
+
+body {
+ background-color: var(--main-purple);
+ color: var(--white);
+ font-family: "Noto Sans JP", sans-serif;
+ box-sizing: border-box;
+}
+a {
+ color: var(--primary-blue);
+ font-weight: bold;
+ text-transform: uppercase;
+ font-size: 0.9rem;
+ text-decoration: none;
+ transition: 0.3s;
+}
+a > i {
+ font-size: 2rem;
+ margin: 10px;
+}
+a:hover {
+ color: var(--main-pink);
+ text-decoration: none;
+}
+.pink {
+ color: var(--main-pink);
+}
diff --git a/Anupama/index.html b/Anupama/index.html
new file mode 100644
index 0000000..10935c6
--- /dev/null
+++ b/Anupama/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ Anupama Umachagi | @anu74
+
+
+
+
+
+ Back to home
+
+
+
+
Anupama Umachagi
+ - Freelance Web Developer
+
+
+
diff --git a/Anupama/style.css b/Anupama/style.css
new file mode 100644
index 0000000..d385602
--- /dev/null
+++ b/Anupama/style.css
@@ -0,0 +1,83 @@
+#brand {
+ margin-left: 15px;
+ display: flex;
+ padding: 0;
+ justify-content: space-between;
+ height: 150px;
+}
+#brand img {
+ height: 100%;
+ margin-top: -50px;
+}
+header h1 {
+ text-align: center;
+ font-size: 1.5rem;
+ text-transform: uppercase;
+ width: 500px;
+ margin: auto;
+ animation: topToBottom 1s forwards;
+}
+
+header p {
+ text-align: center;
+ font-size: 1.3rem;
+ margin-bottom: -30px;
+ font-weight: bold;
+}
+
+main {
+ width: 60%;
+ margin: 50px auto;
+ display: flex;
+ flex-wrap: wrap;
+}
+main a {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ /* border: 1px solid; */
+ justify-content: center;
+ width: 30%;
+ border-radius: 10px;
+ background-color: var(--secondary-purple);
+ padding-top: 10px;
+ margin: 10px;
+ animation: BottomToTop 1s forwards;
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.39);
+}
+main a:hover {
+ background-color: var(--secondary-purple-dark);
+ border: 1px solid var(--main-pink);
+}
+
+main a .thumb {
+ height: 100px;
+ width: 100px;
+ overflow: hidden;
+}
+main a img {
+ overflow: hidden;
+ width: 100%;
+}
+
+@keyframes topToBottom {
+ from {
+ opacity: 0;
+ transform: translateY(-100px);
+ }
+ to {
+ opacity: 1;
+ transform: translate(0px);
+ }
+}
+
+@keyframes BottomToTop {
+ from {
+ opacity: 0;
+ transform: translateY(100px);
+ }
+ to {
+ opacity: 1;
+ transform: translate(0px);
+ }
+}