diff --git a/db.py b/db.py
index 255e8ef3..15b226bc 100644
--- a/db.py
+++ b/db.py
@@ -871,6 +871,43 @@ class Event(Base):
         self.time = datetime.datetime.now() + value
 
 
+class GameProgress(enum.Enum):
+    NOT_STARTED = 0
+    IN_PROGRESS = 1
+    BEATEN = 2
+    COMPLETED = 3
+    MASTERED = 4
+
+
+class GameOrigins(enum.Enum):
+    DIGITAL = 0
+    PHYSICAL = 1
+    SOLD = 2
+    BORROWED = 3
+    RENTED = 4
+    MYSTERIOUS = 5  # yarr
+
+
+class LibraryGame(Base):
+    __tablename__ = "librarygames"
+
+    owner_id = Column(Integer, ForeignKey("royals_id"), nullable=False)
+    owner = relationship("Royal", lazy="joined")
+    name = Column(String)
+    platform = Column(String)
+    steam_game_id = Column(BigInteger)
+    progress = Column(Enum(GameProgress), default=GameProgress.NOT_STARTED)
+    progress_notes = Column(Text)
+    time_played = Column(Float)
+    rating = Column(Integer)
+    review = Column(Text)
+    origin = Column(Enum(GameOrigins))
+    physical = Column(Boolean, default=False)
+    current_achievements = Column(Integer)
+    maximum_achievements = Column(Integer)
+    extra_notes = Column(Text)
+
+
 # If run as script, create all the tables in the db
 if __name__ == "__main__":
     print("Creating new tables...")
diff --git a/static/nryg.less b/static/nryg.less
index 8078184c..6c071a63 100644
--- a/static/nryg.less
+++ b/static/nryg.less
@@ -147,7 +147,7 @@ nav {
     margin-left: 4px;
     margin-right: 4px;
 
-    &.upper-box {
+    .upper-box {
         margin-top: 4px;
         border-radius: 4px 4px 0 0;
         background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.2);
@@ -156,7 +156,7 @@ nav {
         font-weight: bold;
     }
 
-    &.lower-box {
+    .lower-box {
         margin-bottom: 4px;
         border-radius: 0 0 4px 4px;
     }
diff --git a/templates/main.html b/templates/main.html
index b4835195..34608311 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -10,31 +10,38 @@
     </h1>
     <div class="main-page">
         <div class="left">
-            <div class="box upper-box">
+            <div class="box">
+                <div class="upper-box">
                 Prossimi eventi
-            </div>
-            <div class="box lower-box">
-                {% for event in next_events %}
-                    {% include "/components/event.html" %}
-                {% endfor %}
-            </div>
-            <div class="box upper-box">
-                Pagine Wiki
-            </div>
-            <div class="box lower-box">
-                <ul>
-                    {% for page in wiki_pages %}
-                        <li><a href="/wiki/{{ page.key }}">{{ page.key }}</a></li>
+                </div>
+                <div class="lower-box">
+                    {% for event in next_events %}
+                        {% include "/components/event.html" %}
                     {% endfor %}
-                </ul>
+                </div>
             </div>
-            <div class="box upper-box">
-                Citazione casuale dal diario
+            <div class="box">
+                <div class="upper-box">
+                    Pagine Wiki
+                </div>
+                <div class="lower-box">
+                    <ul>
+                        {% for page in wiki_pages %}
+                            <li><a href="/wiki/{{ page.key }}">{{ page.key }}</a></li>
+                        {% endfor %}
+                    </ul>
+                </div>
             </div>
-            <div class="box lower-box">
-                {% include "components/diarioentry.html" %}
-                <a href="/diario">Visualizza tutto</a>
+            <div class="box">
+                <div class="upper-box">
+                    Citazione casuale dal diario
+                </div>
+                <div class="lower-box">
+                    {% include "components/diarioentry.html" %}
+                    <a href="/diario">Visualizza tutto</a>
+                </div>
             </div>
+
         </div>
         <div class="right">
             <div class="box upper-box">
diff --git a/templates/minis/dota.html b/templates/minis/dota.html
index 9310e53a..5321ef13 100644
--- a/templates/minis/dota.html
+++ b/templates/minis/dota.html
@@ -1,7 +1,7 @@
 <style>
 @font-face {
     font-family: "Radiance";
-    src: url("http://cdn.dota2.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("http://cdn.dota2.com/apps/dota2/fonts/radiance.woff") format("woff"), url("http://cdn.dota2.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("http://cdn.dota2.com/apps/dota2/fonts/radiance.svg#ywftsvg") format("svg");
+    src: url("https://cdn.dota2.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"), url("https://cdn.dota2.com/apps/dota2/fonts/radiance.woff") format("woff"), url("https://cdn.dota2.com/apps/dota2/fonts/radiance.ttf") format("truetype"), url("https://cdn.dota2.com/apps/dota2/fonts/radiance.svg#ywftsvg") format("svg");
     font-style: normal;
     font-weight: normal;
 }
diff --git a/templates/profile.html b/templates/profile.html
index 0afe8f69..3c935d83 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -23,11 +23,13 @@
         Profilo di {{ ryg.username }} {% if session.get('user_id', '') == ryg.id %}<a href="{{ url_for('page_editprofile') }}" id="edit-css">Modifica</a>{% endif %}
     </h1>
     {% if css.bio %}
-        <div class="box upper-box">
-            Bio
-        </div>
-        <div class="box lower-box">
-            {{ css.bio }}
+        <div class="box">
+            <div class="upper-box">
+                Bio
+            </div>
+            <div class="lower-box">
+                {{ css.bio }}
+            </div>
         </div>
     {% endif %}
     <div class="game-panels">