@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap');

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

body{

background:#1d1d1d;
font-family:Nunito,sans-serif;

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

min-height:100vh;

}

.window{

width:1200px;

background:#2a2a2a;

border-radius:15px;

overflow:hidden;

border:2px solid #555;

box-shadow:0 0 30px rgba(0,0,0,.5);

}

header{

height:65px;

background:#3a3a3a;

display:flex;

justify-content:space-between;

align-items:center;

padding:0 20px;

}

.tabs{

display:flex;

gap:12px;

}

.tabs button{

background:#202020;

color:white;

border:none;

padding:10px 18px;

border-radius:8px;

cursor:pointer;

font-weight:bold;

}

.tabs button:hover{

background:#444;

}

.dots{

display:flex;

gap:10px;

}

.dots span{

width:14px;

height:14px;

border-radius:50%;

background:white;

opacity:.8;

}

main{

padding:25px;

min-height:700px;

}

footer{

height:45px;

background:#3a3a3a;

display:flex;

align-items:center;

padding-left:20px;

color:white;

}