cosneidziala css

Data utworzenia: 28-10-2024 11:30:35
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    font-size: 24px; /* fz */
}

body{
    font-family: Arial, sans-serif; /* ffss */
    background-color: #222; /* bgc */
}

.container{
    display: flex;
    justify-content: center;
}

.square{
    width: 200px; /* w200 */

    height: 200px; /* h200 */
    background: #fff;

    
    /* margin: 10px 0; */
    margin: 10px;
}

.pierwszy{
    background-color: rgb(26, 164, 26);
    border: 2px solid green;
    box-shadow: 0 0 15px green;
}

.drugi{
    background-color: rgb(176, 115, 9);
    border: 2px solid rgb(187, 126, 20);
    box-shadow: 0 0 15px rgb(255, 251, 0);
}

.trzeci{
    background-color: #e96b99;
    border: 2px solid rgb(235, 62, 62);
    box-shadow: 0 0 15px pink;
}

.czwarty{
    background-color: #3700ff;
    border: 2px solid blue;
    box-shadow: 0 0 15px rgb(119, 119, 246)
}

.container2{
    display: flex;
    justify-content: center;
}

.square1{
    width: 200px; /* w200 */
    height: 200px; /* h200 */
      
        
        /* margin: 10px 0; */
    margin: 10px;
    border: 2px solid #fff;
    border-radius: 10px;
    
    
    background-image: url();
    background-size: contain;
}
p{
    color:blueviolet;
}
.text{
    color:chartreuse;
}