Initial commit

html/styles/introduction.css

@@ -0,0 +1,27 @@
+#introduction .content {
+    flex: 5;
+    width: 25%;
+}
+
+#introduction footer {
+    flex : 1;
+    transition: transform 0.5s ease-in-out;
+}
+
+footer:hover{
+    transform: translateY(-20px);
+}
+
+hr {
+    width: 100%;
+}
+
+.typer::after {
+    content: '|';
+    animation: blink 800ms infinite;
+}
+
+@keyframes blink {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}

html/styles/projects.css

@@ -0,0 +1,22 @@
+#projects .content {
+    display: flex;
+    flex-direction: column;
+}
+
+.project-list {
+    display: flex;
+    flex-direction: row;
+    gap : 1rem;
+    margin-bottom: 2rem;
+}
+
+.project-list img {
+    width: 215px;
+    border : solid 1px black;
+    border-radius: 15px;
+    transition: transform 0.2s ease-in-out;
+}
+
+.project-list img:hover {
+    transform: scale(1.1);
+}

html/styles/style.css

@@ -0,0 +1,44 @@
+:root {
+
+}
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+* {
+    font-family: 'Fira Code', 'PT sans', sans-serif;
+
+
+    box-sizing: border-box;
+}
+
+html, body {
+    height: 100vh;
+    width: 100vw;
+}
+
+html, body, main, section, section div, footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+main {
+    justify-content: start;
+
+    width: 95%;
+    height: 95%;
+
+    overflow: auto;
+    scroll-snap-type: y mandatory;
+    margin : 5px;
+}
+
+section {
+    height: 100%;
+    min-height: 100%;
+    width: 100%;
+    scroll-snap-align: start;
+}