.app[data-v-f705b54d]{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0 auto;min-height:100vh;padding:20px;width:75%}.day[data-v-f705b54d]{background-color:#f0f8ff;color:#333}.night[data-v-f705b54d]{background-color:#1e1e2f;color:#fff}.navbar[data-v-f705b54d]{justify-content:space-between;padding:10px 0}.logo-title[data-v-f705b54d],.navbar[data-v-f705b54d]{align-items:center;display:flex}.logo[data-v-f705b54d]{margin-right:10px;width:50px}.navbar ul[data-v-f705b54d]{display:flex;list-style:none;margin:0;padding:0}.navbar li[data-v-f705b54d]{margin-left:20px}.navbar a[data-v-f705b54d]{color:inherit;text-decoration:none}.current-time[data-v-f705b54d]{background-color:inherit;border:1px solid hsla(0,0%,100%,.2);border-radius:5px;font-size:1em;padding:5px 10px}.hero[data-v-f705b54d]{margin-bottom:20px}.image-grid[data-v-f705b54d]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;margin:20px 0}.grid-image[data-v-f705b54d]{border-radius:10px;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform .3s,opacity .3s;width:100%}.grid-image[data-v-f705b54d]:hover{opacity:.9;transform:scale(1.05)}h2[data-v-f705b54d]{color:#61dafb;margin-top:40px}.experience-row[data-v-f705b54d]{display:flex;justify-content:space-between;margin:20px 0}.experience-item[data-v-f705b54d]{background-color:inherit;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;padding:20px;width:48%}section[data-v-f705b54d]{margin-bottom:40px}footer[data-v-f705b54d]{margin-top:20px;padding:10px;text-align:center}a[data-v-f705b54d]{color:#61dafb}@media (max-width:768px){.app[data-v-f705b54d]{padding:10px;width:100%}.experience-row[data-v-f705b54d]{align-items:center;flex-direction:column}.experience-item[data-v-f705b54d]{margin-bottom:20px;width:90%}.image-grid[data-v-f705b54d]{grid-template-columns:repeat(2,1fr)}}