* {
    margin:0;    
    padding:0;
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #DDD;
    scale:0.9;
}

.container {
    width: 100%;
    height:100%;
    display:grid;
    place-content: center;
}

.myhr {
    border:1px solid black;
    margin:0.2rem;
}

.calc-box {
    border-radius: 20px;
    padding: 2rem 2rem;
    background: linear-gradient(lightblue, white);
    border: 2px solid black;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.radio-select-box {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    gap:0.5rem;
}

.lab1 {
    text-align: right;

    grid-column: 1/2;
    grid-row: 1;
}
.inp1 {
    grid-column: 2/3;
    grid-row: 1;
}
.lab2 {
    text-align: right;
    grid-column: 1/2;
    grid-row: 2;
}
.inp2 {
    grid-column: 2/3;
    grid-row: 2;
    
}
.lab3 {
    text-align: right;
    grid-column: 1/2;
    grid-row: 3;
}
.inp3 {
    grid-column: 2/3;
    grid-row: 3;
}

.lab4 {
    text-align: right;
    grid-column: 1/2;
    grid-row: 4;
}
.inp4 {
    grid-column: 2/3;
    grid-row: 4;    
}

#btn-beregn {
    font-size: 1em;
    box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
    color:white;
    padding:0.4rem;    
}

#btn-beregn:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
#btn-beregn:active {
	position:relative;
	top:2px;
}
#inp-number {
    font-size: 2em;
    border-radius: 8px;
    border: 4px solid #649DEB;
    box-shadow: 3px 3px 2px 0px #555;
    margin-top:1rem;
    padding:0.2rem;
}

.inp-box {
    display:flex;
    flex-direction: column;
    align-items: center;
    
}

.result-box {
    display:flex;
    flex-direction: column;
}



.fix {
    margin: 0 auto;
}
h2 {
    text-align: center;
}