*{scroll-behavior: smooth;}

html, body {
    height:          100vh;
    width:           100vw;
    overflow:        hidden;
    font-family:     'Courier New', Courier, monospace;    
}

/* -- A header --- */
header {    
    background-color: #1dafa1;   
    color:            white; 
    padding-top:      10px;
}

/* -- A  fő tartalom --  */
main {
    height:           calc(100% - 155px);
    position:         absolute;  
    top:              154px; 
    background-color: beige; 
    overflow:         auto;
}

/* hogy a fejrész ne csússzon a tartalomra */
@media screen and (max-width: 480px) {
    main{
        top:          194px;
    }
}

@media screen and (max-width: 358px) {
    main{
        top:         300px;
    }
}

/* -- Jobb oldali oszlop*/
.col-10{
    padding-top:     20px;
    border-bottom:   1px solid gray;
}

/* -- Bal oldali oszlop -- */
.col-2{
    text-align:       right;
    background-color: #1dafa1;
    color:            white;
    border-bottom:    1px solid white;
} 

a{
    text-decoration: none;
    color:          navy;
}
a:hover{
    color:          olive;
}

.display-3, .display-4{
   top:                 5vw; 
   background-color:   #1dafa1;
   margin:              0;
}
/* A footer és a benne lévő ikonok*/
footer{
    height:           60px;
    background-color: maroon;
    text-align:       center;
    padding-top:       0.5vw; 
    width:             100%;   
}

div.lab{    
    display:          inline-block; 
    text-align:       center;
    width:            45px;
    height:           45px;
    padding:          3px;  
    /*margin-top:       -5px;*/
}
div.lab:hover{
    background-color: brown;
}

/* A pofa-kép*/
#pofa{
    margin-top:       -5px;
    margin-left:       2%;   
}

/* -- A személyes adatok -- */
#personal, table, .munka{
    text-align:       left;
    line-height:       2;
    margin-left:      10vw;
}

.fs-4{
    text-align:       left;
    margin-top:       3vw;
    color:           teal;
    font-weight:      bold;
}

/* -- Oldalsáv címe középre --*/
.display-8{
    margin-top:       14vw;
    font-size:        2.2vw;
    font-weight:      bold;    
}

/* -- A dátumokat igazítom -- */
.text-end{
    margin-top:      -10px;
    margin-right:     8px;
    color:          navy;
}

/* - Rövid bemutatkozó szöveg - */
#text{
    text-align:      justify;
    padding-right:    10px;
    text-indent:      50px;
}
#text::first-letter{
    color:           maroon;
    font-size:        140%;
    font-weight:      bold;    
}

hr{
    width:            80%;
    color:           lightcoral;
    margin: auto;
}

/* - A nem "stílus nélküli" listák stílusa - */
.munka {
    list-style-image: url('../img/lista.jpg');
    text-align:       left;
    line-height:       2;
    margin-left:      10vw;
}

.fixed-bottom{
    max-width: 20px;
    margin-left: 1%;
    bottom: 85px;
}
.fixed-bottom:hover{
    border: 1px solid brown;
    border-radius: 4px;
}