first commit

css/phone.css

@@ -0,0 +1,96 @@
+@import url(https://fonts.googleapis.com/css?family=PT+Serif);
+
+.title{
+    font-family: "PT Serif";
+    font-weight: 700;
+    padding-top: .5em;
+    padding-bottom: .25em;
+    font-size: 400%;
+
+}
+
+.palm-tree-left{
+    transform: scaleX(-1);
+    -webkit-transform: scaleX(-1);
+    -moz-transform: scaleX(-1);
+    -ms-transform: scaleX(-1);
+    -o-transform: scaleX(-1);
+}
+
+.palm-tree{
+    width: 0%;
+    visibility: hidden;
+}
+
+.bt-svg{
+    width: 0%;
+    visibility: hidden;
+}
+
+.bt-svg-left{
+    transform: scaleX(-1);
+    -webkit-transform: scaleX(-1);
+    -moz-transform: scaleX(-1);
+    -ms-transform: scaleX(-1);
+    -o-transform: scaleX(-1);
+}
+
+.btbc{
+    filter: invert(1);
+    -webkit-filter: invert(1);
+}
+
+.images{
+    padding-top: 2em;
+    padding-bottom: 2em;
+}
+
+.text-body{
+    font-size: 1rem;
+    font-family: "PT Serif";
+    font-weight: 400;
+    padding-top: 1em;
+    padding-bottom: 1em;
+}
+
+#navbarSupportedContent{
+    text-align: center;
+}
+.navbar-color{
+    background-color: rgb(170, 204, 250);
+    border-radius: 0.5em;
+    -webkit-border-radius: 0.5em;
+    -moz-border-radius: 0.5em;
+    -ms-border-radius: 0.5em;
+    -o-border-radius: 0.5em;
+    text-align: center;
+}
+.buffer{
+    --bs-gutter-x:6rem;
+}
+.navbar{
+    --bs-navbar-nav-link-padding-x:1em ;
+}
+@media(min-width:600px){
+    .palm-tree{
+        visibility: visible;
+        width: 4em;
+    }
+    .bt-svg{
+        visibility: visible;
+        width: 5em;
+    }
+}
+@media(min-width:1200)  {
+    div.container{
+        --bs-gutter-x: 0;
+    }
+    nav.navbar-expand-sm{
+        --bs-gutter-x: 0;
+    }
+    .navbar-expand-sm .navbar-nav .nav-link
+    {
+        padding-right: 0;
+        padding-left: 0;
+    }
+}