/* ================================================== Responsive base font sizing for Bootstrap ================================================== Bootstrap uses `rem` units for typography. 1rem is based on the font size of the element. By adjusting the font size at different breakpoints, all Bootstrap text scales naturally across devices (headings, body text, buttons, forms). */ /* -------------------------------------------------- Mobile first (default) Applies to phones and small devices -------------------------------------------------- */ html { font-size: 16px; /* Safe and readable on small screens */ } /* -------------------------------------------------- Tablets and small desktops (Bootstrap md breakpoint) Screens ≥ 768px -------------------------------------------------- */ @media (min-width: 768px) { html { font-size: 17px; /* Slightly larger for more screen space */ } } /* -------------------------------------------------- Large desktops (Bootstrap xl breakpoint) Screens ≥ 1200px -------------------------------------------------- */ @media (min-width: 1200px) { html { font-size: 19px; /* Comfortable reading on large displays */ } } /* -------------------------------------------------- Body defaults Ensures consistent scaling and readability -------------------------------------------------- */ body { font-size: 1rem; /* Inherits from */ line-height: 1.6; /* Improves readability */ } header.home { height: 120vh; min-height: 500px; background-attachment: scroll; background-image: url('/style/img/header-bg.jpg'); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; color: blue ! important; } .navbar-home { background-color: transparent ! important; } .navbar-home.solid, .navbar-other { background-color: #70acea ! important; } .navbar .nav-link, .navbar .navbar-brand { color: blue ! important; /* color: white ! important; */ } .footer { background-color: #70acea ! important; color: blue ! important; } .paper { border-left: solid black 1px; border-right: solid black 1px; border-top: solid black 1px; padding: 2pt; padding-left: 5.5ex; text-indent: -4.5ex; } .paper:last-child { border-bottom: solid black 1px; } .paper .number { display: inline-block; width: 4ex; text-align: right; } .paper .authors { font-weight: bold; } .paper .title { font-style: italic; } .paper .invited { font-weight: bold; font-style: italic; } .break { padding: 2pt; padding-left: 3.5ex; }