:root{
–ros-blue:#081f4d;
–ros-gold:#f5c542;
–tyroni-punainen:#d1111c;
–tumma:#111827;
–light:#f8fafc;
–shadow:0 10px 28px rgba(0,0,0,0,14);
}

.rg-wrap{
suurin leveys: 1200 pikseliä;
marginaali:auto;
font-family:’Segoe UI’,Arial,sans-serif;
väri:var(–tumma);
viivan korkeus: 1,8;
}

.rg-hero{
tausta:lineaarinen gradientti(135 astetta,#071733 0%,#0b2f75 60%,#d1111c 100%);
täyte: 45px;
border-radius: 24px;
väri: valkoinen;
sijainti:suhteellinen;
overflow:hidden;
box-shadow:var(–shadow);
marginaali-ala: 30px;
}

.rg-hero:ennen{
sisältö:””;
sijainti: absoluuttinen;
yläosa: -100px;
oikea: -100px;
leveys: 300px;
korkeus: 300px;
tausta:rgba(255,255,255,0,06);
raja-säde: 50 %;
}

.rg-tag{
näyttö: inline-block;
background:var(–ros-gold);
väri:#111;
täyte: 8px 18px;
fontin paino: 800;
border-radius: 999px;
marginaali-ala: 18px;
kirjasinkoko: 14px;
}

.rg-hero h1{
kirjasinkoko: 52px;
marginaali:0;
linjan korkeus: 1,05;
}

.rg-hero p{
kirjasinkoko: 19px;
suurin leveys: 760 pikseliä;
marginaali-yläosa: 18px;
}

.rg-stats{
näyttö: grid;
grid-template-columns:repeat(5,1fr);
väli: 18px;
marginaali-ala: 30px;
}

.rg-stat{
tausta: valkoinen;
täyte: 22px;
border-radius: 18px;
text-align:center;
box-shadow:var(–shadow);
}

.rg-stat h2{
marginaali:0;
kirjasinkoko: 34px;
väri:var(–ruusu-sininen);
}

.rg-stat span{
fontin paino: 700;
kirjasinkoko: 15px;
väri:#4b5563;
}

.rg-grid{
näyttö: grid;
grid-template-columns:1fr 1fr;
väli: 24px;
marginaali-ala: 30px;
}

.rg-card{
tausta: valkoinen;
täyte: 30px;
border-radius: 22px;
box-shadow:var(–shadow);
border-top: 7px solid var(–ros-gold);
}

.rg-card.tyrone{
border-top: 7px solid var(–tyroni-punainen);
}

.rg-card h2{
margin-top:0;
kirjasinkoko: 28px;
väri:var(–ruusu-sininen);
}

.rg-card ul{
täyte-vasen: 22px;
}

.rg-card li{
marginaali-ala: 10px;
}

.rg-section{
tausta: valkoinen;
täyte: 35px;
border-radius: 22px;
box-shadow:var(–shadow);
marginaali-ala: 30px;
}

.rg-section h2{
margin-top:0;
kirjasinkoko: 34px;
väri:var(–ruusu-sininen);
border-bottom: 3px solid var(–ros-gold);
pehmuste-ala: 12px;
}

.rg-table{
leveys: 100 %;
border-collapse:collapse;
marginaali yläosa: 20px;
}

.rg-table th{
tausta:var(–ruusu-sininen);
väri: valkoinen;
täyte: 16px;
kirjasinkoko: 16px;
}

.rg-table td{
täyte: 14px;
border-bottom: 1px solid #e5e7eb;
kirjasinkoko: 15px;
}

.rg-table tr:nth-child(parillinen){
tausta:#f9fafb;
}

.rg-teams{
näyttö: grid;
grid-template-columns:1fr 1fr;
väli: 24px;
marginaali yläosa: 30px;
}

.rg-tiimi{
täyte: 28px;
border-radius: 22px;
väri: valkoinen;
box-shadow:var(–shadow);
}

.rg-team.ros{
background:linear-gradient(135deg,#071733,#0c3d91);
}

.rg-team.tyr{
background:linear-gradient(135aste,#111,#b30d17);
}

.rg-team h3{
margin-top:0;
kirjasinkoko: 28px;
}

.rg-team ol{
täyte-vasen: 25px;
marginaali:0;
}

.rg-team li{
marginaali-ala: 8px;
}

.rg-vedonlyönti{
background:linear-gradient(135deg,#f5c542,#ffe58a);
täyte: 35px;
border-radius: 22px;
marginaali yläosa: 30px;
box-shadow:var(–shadow);
}

.rg-vedonlyönti h2{
margin-top:0;
kirjasinkoko: 34px;
väri:#111;
}

.bet-boxes{
näyttö: grid;
grid-template-columns:repeat(3,1fr);
väli: 18px;
marginaali yläosa: 22px;
}

.bet-box{
tausta: valkoinen;
täyte: 20px;
border-radius: 18px;
text-align:center;
fontin paino: 800;
font-size: 22px;
box-shadow:0 5px 15px rgba(0,0,0,0,12);
}

.rg-prediction{
background:linear-gradient(135deg,#071733,#04122d);
täyte: 40px;
border-radius: 24px;
väri: valkoinen;
marginaali yläosa: 35px;
border:4px solid var(–ros-gold);
box-shadow:var(–shadow);
}

.rg-prediction h2{
väri:var(–ros-kulta);
kirjasinkoko: 36px;
margin-top:0;
}

.rg-pisteet{
kirjasinkoko: 44px;
fontin paino: 900;
text-align:center;
marginaali: 25px 0;
väri:var(–ros-kulta);
}

@media(max-width:900px){

.rg-grid,
.rg-tiimit,
.rg-stats,
.bet-boxes{
grid-template-columns:1fr;
}

.rg-hero h1{
kirjasinkoko: 38px;
}

}

Viesti Roscommon v Tyrone: Team News, vedonlyönti, ennustus ja taktinen erittely ilmestyi ensimmäisenä UrheiluuutisetIrlanti.

Source link