/* --- Glavni stilovi stranice (Optimizovano za mobilne i desktop) --- */
body {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 16px; /* Idealna veličina za čitanje na telefonima */
    background-image: url(sre.gif);
    margin: 0 auto; 
    padding: 10px 5px; /* Malo više prostora sa strana na mobilnom */
    max-width: 850px;
    width: 100%;
    box-sizing: border-box;
}

/* --- Osnovni stil za sve divove --- */
div {
    border-radius: 10px;
    padding: 10px; /* Povećan padding za bolji razmak na ekranu */
    background-image: url(po.png);
    background-position: center bottom;
    background-repeat: repeat;
    box-sizing: border-box;
} 

/* --- Chat sekcije i poruke --- */
div.d1 {
    margin: 6px 0;
    background-color: #ff9999;
    background-image: none;
    color: #000000;
}

div.d5 {
    margin: 6px 0;
    background-color: #FAAFBE;
    background-image: none;
    color: #000000;
}

div.d6 {
    background-image: url(images/02.png); 
    background-repeat: repeat; 
    margin: 4px 0; 
    padding: 8px; 
    border: 1px double #b6b6ea; 
}

div.d7 {
    background-image: url(images/0002.png); 
    background-repeat: repeat; 
    margin: 4px 0; 
    padding: 8px; 
    border: 1px double #d0d0e8; 
}

/* --- Slike i Citati --- */
.logo_slika {
    outline: 1px solid #d0d0e8;
    border: 4px solid #FFF;
    margin-bottom: 5px;
    max-width: 100%; /* Slika nikada neće "pobeći" van ekrana */
    height: auto;
}

.quote {
    font-size: 15px;
    padding: 4px 0 4px 8px;
    color: #444;
    border-left: 3px solid #c0c0c0;
    margin: 5px 0;
}

/* --- Forme i Unos teksta (Prilagođeno prstima) --- */
input.itext, textarea {
    width: 100%; /* Razvlače se lepo od ivice do ivice */
    box-sizing: border-box;
    padding: 8px; /* Lakše se klikne unutar polja */
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px; /* Sprečava automatsko zumiranje na iPhone-u pri kucanju */
}

input.itext {
    background-color: #fff;
    vertical-align: middle;
}

textarea {
    margin: 6px 0;
    background-color: #DDDDDD;
    color: #000;
}

/* --- Linkovi i Dugmići (Povećane površine za klik na fonu) --- */
a:link, 
a:active, 
a:visited { 
    background-color: #f4f4f4; 
    color: #3180a0;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px; /* Povećano da prst lakše pogodi link */
    border: 1px solid #a69595;
    margin: 3px 2px;
}

a:hover {
    color: #fff;
    background-color: #3180a0; /* Lepši, moderniji efekat na prelaz mišem */
}

/* --- Zaobljeni uglovi za navigaciju i ostale elemente --- */
a:link,
a:active,
a:visited,
.navbar, 
.catSides,
.catSides a, 
.row1,
.row_easy, 
.row_hard, 
a.buttom, 
input[type=submit],
input[type=button],
div.cat {
    border-radius: 6px;
}

/* Posebno doterana submit dugmad za slanje poruka */
input[type=submit], input[type=button] {
    padding: 8px 16px;
    background-color: #3180a0;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
}
/*
End of file 
*/
@font-face {
  font-family: Hillock;
  src: url(font/Hillock.ttf);
  
  
}

.hillock {
  font-family: Hillock;
  
}
@font-face {
  font-family: Greek-Freak;
  src: url(font/Greek-Freak.ttf);
  
  
}

.greek-freak {
  font-family: Greek-Freak;
  
}
@font-face {
  font-family: MuchoFiesta;
  src: url(font/MuchoFiesta.ttf);
  
  
}

.muchofiesta {
  font-family: MuchoFiesta;
  
}
@font-face {
  font-family: Regular;
  src: url(font/Regular.ttf);
  
  
}

.regular {
  font-family: Regular;
  
}

@font-face {
  font-family: rothenbg;
  src: url(font/rothenbg.ttf);
  
  
}

.rothenbg {
  font-family: rothenbg;
  
}

@font-face {
  font-family: CelticHand;
  src: url(font/CelticHand.ttf);
  
  
}

.celtichand {
  font-family: CelticHand;
  
}

@font-face {
  font-family: tridlet;
  src: url(font/tridlet.ttf);
  
  
}

.tridlet {
  font-family: tridlet;
  
}

@font-face {
  font-family: orangejuice;
  src: url(font/orangejuice.ttf);
  
  
}

.orangejuice {
  font-family: orangejuice;
  
}

@font-face {
  font-family: tridlet;
  src: url(font/tridlet.ttf);
  
  
}

.tridlet {
  font-family: tridlet;
  
}

@font-face {
  font-family: hardcorium;
  src: url(font/hardcorium.ttf);
  
  
}

.hardcorium {
  font-family: hardcorium;
  
}

@font-face {
  font-family: coreldraw;
  src: url(font/CorelDraw.ttf);
  
  
}

.coreldraw {
  font-family: coreldraw;
  
}

@font-face {
  font-family: beauty;
  src: url(font/beauty.ttf);
  
  
}

.beauty {
  font-family: beauty;
  
}

@font-face {
  font-family: riesling;
  src: url(font/riesling.ttf);
  
  
}

.riesling {
  font-family: riesling;
  font-size: 25px;
}

@font-face {
  font-family: das;
  src: url(font/das.ttf);
  
  
}

.das {
  font-family: das;
  
}

@font-face {
  font-family: reclaim;
  src: url(font/reclaim.ttf);
  
  
}

.reclaim {
  font-family: reclaim;
  
}

@font-face {
  font-family: rhieknuza;
  src: url(font/rhieknuza.ttf);
  
  
}

.rhieknuza {
  font-family: rhieknuza;
  
}

@font-face {
  font-family: standups;
  src: url(font/Standups.ttf);
  
  
}

.standups {
  font-family: standups;
  
}

@font-face {
  font-family: bandito;
  src: url(font/bandito.ttf);
  
  
}

.bandito {
  font-family: bandito;
  
}
@font-face {
  font-family: beaked;
  src: url(font/beaked.ttf);
  
  
}

.beaked {
  font-family: beaked;
  
}
@font-face {
  font-family: snowland;
  src: url(font/snowland.ttf);
  
  
}

.snowland {
  font-family: snowland;
  
}

@font-face {
  font-family: Aerosol;
  src: url(font/Aerosol.ttf);
  
  
}

.Aerosol {
  font-family: Aerosol;
  
}

@font-face {
  font-family: tribalbox;
  src: url(font/tribalbox.ttf);
  
  
}

.tribalbox {
  font-family: tribalbox;
  
}

@font-face {
  font-family: Canterbury;
  src: url(font/Canterbury.ttf);
  
  
}

.Canterbury {
  font-family: Canterbury;
  
}

@font-face {
  font-family: sickcapital-vice;
  src: url(font/sickcapital-vice.ttf);
  
  
}

.sickcapital-vice {
  font-family: sickcapital-vice;
  
}
@font-face {
  font-family: catalina;
  src: url(font/catalina.ttf);
  
  
}

.catalina {
  font-family: catalina;
  
}

.avatar {
  margin: 10px;
    width: 80px;
	height: 80px;
	border-radius: 50%;
	box-shadow: 10px 10px 5px grey;
}

@font-face {
  font-family: gogle;
  src: url('https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&display=swap');
  
  
}