<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Zanabazar+Square&amp;display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    height: 100vh;
    width: 100vw;
    background-color: #353535;
    color: aliceblue;
    font-size: 2.1rem;
    font-family: 'Noto Sans Zanabazar Square', sans-serif;

    display: flex;
    justify-content: center;
    align-items: center;
}



.ensembleDeLaCalculette{
    height: 670px;
    width: 530px;
    padding: 5px;
    background-color: rgb(26, 32, 48);
    border-radius: 10px;

    display: grid;
    gap: 3px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1.7fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: 
    "coller resultat resultat resultat"
    "eff eff add sous"
    "t7 t8 t9 divi"
    "t4 t5 t6 mult"
    "t1 t2 t3 resu"
    "t0 point double resu"
}

.copier {
    grid-area: coller;

    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.emojie {
    cursor: pointer;
    font-size: 4rem;
}

.resultat{
    grid-area: resultat;
    height: 100%;
    width: 100%;
    padding-top: 80px;
    background-color: #90777700;
    border: none;
    font-size: 4rem;
    color: aliceblue;

    text-align: end;
}

input:focus {
    outline:  none;
}


.touche1{
    grid-area: t1;
}

.touche2{
    grid-area: t2;
}

.touche3{
    grid-area: t3;
}

.touche4{
    grid-area: t4;
}

.touche5{
    grid-area: t5;
}

.touche6{
    grid-area: t6;
}

.touche7{
    grid-area: t7;
}

.touche8{
    grid-area: t8;
}

.touche9{
    grid-area: t9;
}

.touche0{
    grid-area: t0;
}

.toucheDouble0 {
    grid-area: double;
}

.touchePoint {
    grid-area: point;
}


.diviser{
    grid-area: divi;
}

.multiplier{
    grid-area: mult;
}

.additioner{
    grid-area: add;
}

.soustraire{
    grid-area: sous;
}


.Ã©gale{
    grid-area: resu;
    height: 100%;
    width: 100%;
    background-color: rgb(45, 50, 68);
    border-radius: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.effacer {
    grid-area: eff;
    height: 100%;
    width: 100%;
    background-color: #ff7f00;
    border-radius: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.nombre {
    height: 100%;
    width: 100%;
    background-color: rgb(54, 59, 76);
    border-radius: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.opÃ©rateur {
    height: 100%;
    width: 100%;
    background-color: rgb(45, 50, 68);
    border-radius: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
}</pre></body></html>