popup{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} popup .backdrop{background:var(--backdrop-color);position:fixed;width:100vw;height:100vh;top:0;left:0} popup .container{transform:scale(1);opacity:1;box-shadow:0px 0px 5px 0px var(--background-color);border-radius:.5rem;overflow:hidden;min-width:min(100vw,30rem);min-height:min(100vh,17rem);display:flex;flex-direction:column} popup .header{padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;width:100%;background-color:var(--background-tertiary-color)} popup .header .title{font-size:1.375rem;font-weight:600;font-family:var(--font-header);color:var(--color-primary-text);line-height:35.2px;width:100%;height:100%;overflow:hidden;text-overflow:ellipsis} popup .content{padding:1rem 1.5rem;max-width:100%;text-overflow:ellipsis;overflow:hidden;overflow-wrap:break-word;overflow-y:scroll;-ms-flex:1;flex:1;width:100%} popup .buttons{background-color:var(--background-secondary-color);padding:0 1.5rem;width:100%;display:flex;align-items:center;-ms-flex-direction:row;flex-direction:row;height:4rem;justify-content:flex-end;min-height:4rem}

This site need javascript

Enable Javascript and reload

SAHYG

Tools

Fun

Connect Four

New game

Rules

Player turn

Player 0