import {Container, Row ,Col, a, Button} from "react-bootstrap";



export const Main = () => {
    return (
        <section className="main" id="home">
            <Container>
                    <Row xl={2} md={2} xs={2} className="sign">
                        <h1>
                            <span class="fast-flicker">s</span>
                            <span>crip</span>
                            <span className="flicker">t</span>
                            <span>ed</span>
                        </h1>
                    </Row>
                    <Col className="align-items-center">
                        <Row xl={6} md={5} xs={4} className="button">
                            <a href="#" className="enigme">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                Énigme
                            </a>
                        </Row>
                        <Row xl={6} md={5} xs={4}>
                            <a role="button" className="btn btn-outline-light disabled" href="#">Duel</a>    
                        </Row>
                    </Col>
                    
            </Container>
        </section>
    );
};