*{
box-sizing: border box;
}

img{
max-width: 100%;
}

body{
margin: 0;
background-color: rgb(0, 0, 0);

}

.main-container {
background-color: aqua;
height: 100vh;
}

.top{
background-color: greenyellow;
display:flex;
height: 20%;

gap: 20px;
padding: 10px;

}

.top-item{
background-color: rgb(0, 0, 0);
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-style: bold;
text-align: center;
font-size: 100px;
padding:10px;
position: relative;

}

.bottom{
background-color: rgb(0 0, 0);
height: 80%;
display: flex;
gap: 10px;
padding:10px
}

.left{
 background-color: #adff2f; 
 width: 50%;
 

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

.center{
background-color: rgb(250, 179, 0);
position: relative;

}

.right{
background-color: rgb(17, 20, 17);
width: 50%;
display: flex;
flex-direction: column;
gap: 20px;
}

.right-item{
    background-color: rgb(246, 152, 0);
    height: 100%;
    width: 100%;
    font-size: 40px;
    text-align: center;
}

html {
    background-color: rgb(0,0,0);
    color:rgb(255, 255, 255);
    font-family:Helvetica bold, Helvetica, Helvetica 
}
*{
    box-sizing: border box;
}


p{
    background-color: grey;
    padding: 10px;
    font-size: 30px;
}

p{background-color: rgb(40, 40, 40);
    padding: 10px
}    

.more-specific {
    background-color: orange;
    padding: 20px;
    color: black;
    font-style: bold;
    font-size: larger;
}

#even-more-specific {
    background-color: rgb(152, 241, 0);
}

.square{
    background-color: black;
    width: 200px;
    height: 200px;
    border: 1px solid white;
    margin: 25px;
}

.realtive {
    background-color: rgb(53, 52, 52);
    position: relative;
    bottom: -40px;
    right:-40px;
}

.fixed {
    position: fixed;
   bottom: 30px;
    right: 35;
    margin: 20px;
    border-radius: 50%;
    padding: 25px;
    text-align: center;
    width: 100px;
}

.container{
    background-color: orangered
;
width: 500px;
height: 500px;
border:1px solid rgb(149, 22, 81);
margin: 20px 0;
position: relative;
}
.absolute{ 
    background-color: aqua;
    position: absolute;
    top: 0px;
    right: -200px;
    margin: 0px;
    
    
}