Create website

style/styles.css

@@ -0,0 +1,131 @@
+body {
+    font-family: 'Consolas', monospace;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+    background-color: #161821;
+    /* Iceberg background color */
+    color: #c6c6c9;
+}
+
+.container {
+    width: 80%;
+    margin: auto;
+    overflow: hidden;
+}
+
+.featured {
+    color: #737996;
+    font-weight: light;
+}
+
+header {
+    background: #0f111a;
+    /* Iceberg dark background */
+    color: #c6c8d1;
+    /* Iceberg light text */
+    text-align: center;
+    border-bottom: #6b7089 3px solid;
+    /* Iceberg border */
+}
+
+header a,
+header h1 {
+    color: #c6c8d1;
+    /* Iceberg light text */
+}
+
+header ul {
+    padding: 0;
+    list-style: none;
+}
+
+header li {
+    display: inline;
+    padding: 0 20px 0 20px;
+}
+
+
+.profile {
+    width: 6vw;
+    height: 6vw;
+    max-width: 25vh;
+    max-height: 25vh;
+
+    border-radius: 50%;
+
+    filter: grayscale(25%) sepia(50%) hue-rotate(0deg) brightness(90%) saturate(100%);
+
+    margin-bottom: 2rem;
+
+    object-fit: cover;
+    margin-top: 10px;
+
+}
+
+
+header nav {
+    margin-top: 10px;
+}
+
+header a:hover {
+    color: #84a0c6;
+    /* Iceberg hover color */
+}
+
+section {
+    padding: 20px 0;
+    border-bottom: #6b7089 1px solid;
+    /* Iceberg border */
+}
+
+h2 {
+    color: #c6c8d1;
+    /* Iceberg light text */
+    margin-bottom: 20px;
+}
+
+.experience-item,
+.project-item {
+    background: #1e2132;
+    /* Iceberg content background */
+    padding: 20px;
+    margin-bottom: 20px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.experience-item h3,
+.project-item h3 {
+    margin-top: 0;
+    color: #84a0c6;
+    /* Iceberg highlight text */
+}
+
+.experience-item p,
+.project-item p {
+    color: #a7adba;
+    /* Iceberg muted text */
+    margin: 5px 0;
+}
+
+.experience-item ul,
+.project-item ul {
+    list-style-type: disc;
+    margin: 10px 0 0 20px;
+    padding: 0;
+}
+
+.experience-item ul li,
+.project-item ul li {
+    margin-bottom: 5px;
+}
+
+a {
+    color: #84a0c6;
+    /* Iceberg link color */
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}