/* ==========================================
GLOBAL STYLES
========================================== */

body {
font-family: 'Inter', sans-serif;
}

/* ==========================================
NAVIGATION
========================================== */

.nav-link{
opacity:0.8;
transition:0.3s;
}

.nav-link:hover{
opacity:1;
}

/* ==========================================
SECTION TITLES
========================================== */

.section-title{
font-size:2.5rem;
font-weight:700;
text-align:center;
}

/* ==========================================
PORTAL CARDS
========================================== */

.portal-card{

padding:30px;
border-radius:16px;

background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);

backdrop-filter:blur(10px);

transition:0.3s;
}

.portal-card:hover{

transform:translateY(-5px);
background:rgba(255,255,255,0.1);

}

/* ==========================================
SITE CARDS
========================================== */

.site-card{

padding:30px;
border-radius:16px;

background:rgba(255,255,255,0.05);

transition:0.3s;
}

.site-card:hover{
transform:translateY(-8px);
}

.visit-button{

display:inline-block;
margin-top:15px;
opacity:0.8;
}

.visit-button:hover{
opacity:1;
}