diff --git a/css/boxes.css b/css/boxes.css
new file mode 100644
index 0000000..c32624a
--- /dev/null
+++ b/css/boxes.css
@@ -0,0 +1,25 @@
+.card {
+ max-width: 300px;
+ min-height: 200px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ max-width: 500px;
+ height: 300px;
+ padding: 35px;
+ border: 1px solid rgba(255, 255, 255, 0.25);
+ border-radius: 20px;
+ background-color: rgba(255, 255, 255, 0.45);
+ box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
+ backdrop-filter: blur(15px);
+ }
+
+ .card-footer {
+ font-size: 0.65em;
+ color: #446;
+ }
+
+ .pbox:not(:last-child) {
+ margin-bottom: 1.5em;
+ }
+
\ No newline at end of file
diff --git a/css/flexboxes.css b/css/flexboxes.css
new file mode 100644
index 0000000..992bda2
--- /dev/null
+++ b/css/flexboxes.css
@@ -0,0 +1,50 @@
+.wrapper {
+ margin: 0 auto;
+ width: 80%;
+ }
+
+ .cards {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ }
+
+ .cards li {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ padding: 35px;
+ border: 1px solid rgba(255, 255, 255, 0.25);
+ border-radius: 20px;
+ background-color: rgba(255, 255, 255, 0.45);
+ box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
+ }
+
+ .flex-box {
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ .flex-box li {
+ flex: 1 1 200px;
+ margin: 10px;
+ }
+
+ .grid {
+ display: grid;
+ grid-template-columns: repeat(3,1fr);
+ /*grid-template-columns: repeat(auto-fill, minmax(200px 1fr));*/
+ grid-gap: 20px;
+ }
+
+ .silly-font {
+ font-family: 'Quicksand'
+ }
+
+ .center-this-shit {
+ text-align:center;
+ }
+
+ .nocent {
+ text-align:left;
+ }
\ No newline at end of file
diff --git a/css/waves.css b/css/waves.css
index 04a3fff..1bd62a4 100755
--- a/css/waves.css
+++ b/css/waves.css
@@ -6,7 +6,6 @@ body {
}
h1 {
- font-family: 'Lato', sans-serif;
font-weight:300;
letter-spacing: 2px;
font-size:48px;
diff --git a/index.html b/index.html
index 6265e6f..729dfcc 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,8 @@