diff --git a/site/about.html b/site/about.html
index 4f1169b..e5b73d7 100644
--- a/site/about.html
+++ b/site/about.html
@@ -3,6 +3,7 @@
About Us
+
diff --git a/site/index.html b/site/index.html
index 7bd17c7..278df08 100644
--- a/site/index.html
+++ b/site/index.html
@@ -3,6 +3,7 @@
Stranded Penguin
+
diff --git a/site/stylesheets/index.css b/site/stylesheets/index.css
index 7f8d387..df16990 100644
--- a/site/stylesheets/index.css
+++ b/site/stylesheets/index.css
@@ -1,14 +1,8 @@
body{
- /* height: 3000px; */
- /* background: linear-gradient(180deg, #0096f2 0%, #137929 40%, #a36105 60%, #8f3e00 70%, #999999 80%, #5e5e5e 90%); */
- background: linear-gradient(180deg, #0096f2 0%, #0096f2 50%, #ffffff 90%
- /* , #a36105 60%, #8f3e00 70%, #999999 80%, #5e5e5e 90% */
- );
+ background: linear-gradient(180deg, #0096f2 0%, #0096f2 50%, #ffffff 90%);
background-repeat: no-repeat;
-
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
- /* min-width: 600px; */
- font-size: 120%;
+ font-size: 150%;
}
h1{
@@ -114,22 +108,17 @@ nav li:nth-child(4):hover{
}
header{
text-wrap: nowrap;
- margin-left: 4%;
}
#clouds{
- width: fit-content;
- margin: auto;
- overflow: hidden;
- display: inline-block;
+ width: 100%;
+ display: flex;
}
img.cloud{
- /* border: 0.1px solid red; */
- display: inline;
margin-left: 1%;
margin-right: 1%;
- padding: 0;
width: 5%;
float: center;
+ flex: auto;
}
#GetButton
{
@@ -156,9 +145,11 @@ img.cloud{
margin: auto;
margin-top: 60px;
overflow: hidden;
+ display: flex;
}
.descbox{
- width: 350px;
+ min-width: 150px;
+ max-width: 400px;
padding: 0 6px;
margin-right: 30px;
float: left;
diff --git a/site/stylesheets/indexmobile.css b/site/stylesheets/indexmobile.css
new file mode 100644
index 0000000..9396495
--- /dev/null
+++ b/site/stylesheets/indexmobile.css
@@ -0,0 +1,32 @@
+@media only screen and (orientation: portrait)
+{
+ body{
+ font-size: 150%;
+ }
+ h2{
+ font-size: 7vw;
+ }
+ h3{
+ font-size: 6vw;
+ }
+ nav li{
+ font-size: 5vw;
+ }
+ #boxes
+ {
+ display: block;
+ }
+ .descbox{
+ min-width: none;
+ max-width: fit-content;
+ width: 99%;
+ float: none;
+ }
+ .descbox p{
+ min-height: 0;
+ }
+ #GetButton{
+ font-size: 5vw;
+ text-wrap: nowrap;
+ }
+}
\ No newline at end of file