Remove bootstrap dependency

homepage.sln

@@ -9,12 +9,6 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "homepage", "homepage", "{13
 		homepage\app.css = homepage\app.css
 	EndProjectSection
 EndProject
-Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "bootstrap", "bootstrap", "{591B8F71-E991-46A5-9F85-4DAF3B21EF29}"
-	ProjectSection(SolutionItems) = preProject
-		homepage\bootstrap\bootstrap.min.css = homepage\bootstrap\bootstrap.min.css
-		homepage\bootstrap\bootstrap.min.css.map = homepage\bootstrap\bootstrap.min.css.map
-	EndProjectSection
-EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -26,6 +20,5 @@ Global
 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
 	EndGlobalSection
 	GlobalSection(NestedProjects) = preSolution
-		{591B8F71-E991-46A5-9F85-4DAF3B21EF29} = {13EB212B-754E-40AC-B323-83C5E8F55A5C}
 	EndGlobalSection
 EndGlobal

homepage/app.css

@@ -1,6 +1,4 @@
-@import 'bootstrap/bootstrap.min.css';
-
-:root {
+:root {
     --dark-text: #3B4252;
     --grey-text: #707b8f;
     --0: #F1F1E9;
@@ -25,6 +23,58 @@ body {
     font-family: Bahnschrift, Verdana, sans-serif;
 }
 
+.h1, h1 {
+    font-size: calc(1.375rem + 1.5vw);
+}
+
+.h2, h2 {
+    font-size: calc(1.325rem + .9vw);
+}
+
+.h3, h3 {
+    font-size: calc(1.3rem + .6vw);
+}
+
+h1 {
+    display: block;
+    font-size: 2em;
+    margin-block-start: 0.67em;
+    margin-block-end: 0.67em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    font-weight: bold;
+    unicode-bidi: isolate;
+}
+
+h2 {
+    display: block;
+    font-size: 1.5em;
+    margin-block-start: 0.83em;
+    margin-block-end: 0.83em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    font-weight: bold;
+    unicode-bidi: isolate;
+}
+
+h3 {
+    display: block;
+    font-size: 1.17em;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0px;
+    margin-inline-end: 0px;
+    font-weight: bold;
+    unicode-bidi: isolate;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+    margin-top: 0;
+    margin-bottom: .5rem;
+    font-weight: 500;
+    line-height: 1.2;
+}
+
 ::-webkit-scrollbar {
     width: 10px;
 }
@@ -93,21 +143,40 @@ a {
 }
 
 .navbar {
-    background-color: var(--1);
     position: static;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    padding-top: .5rem;
+    padding-bottom: .5rem;
+    background-color: var(--1);
 }
 
 .navbar a {
     color: var(--dark-text);
     text-decoration: none;
     padding-left: 10px;
+    padding-right: 10px;
 }
 
 a:hover {
     color: var(--grey-text);
     transition: color 0.3s;
 }
 
-.navbar a {
-    padding-right: 10px;
+*, ::after, ::before {
+    box-sizing: border-box;
+}
+
+:host, :root {
+    --rem: 16;
+}
+
+*, ::after, ::before {
+    box-sizing: border-box;
+}
+
+*, ::after, ::before {
+    box-sizing: border-box;
 }

homepage/index.html

@@ -25,7 +25,6 @@
     <div class="header-info">
         <h1>Ihor Dyrman</h1>
         <h2>Backend Software Developer</h2>
-        <br/>
     </div>
     <div class="more-info">
         <div class="content-wrapper">