@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

:root{
    --bgColor : #212221;
}
a:hover{
    color:#b39b88;
}
body{
    font-family: 'Poppins', sans-serif;    
}
.page{
    background: var(--bgColor);
    height:100vh;
}
.page1 .top{
    display:flex;
    height:80vh;
}
.page1 .left{
    width:55%;
}
.page1 .left img{
    width:100%;
    height : 100%;
    object-fit:cover;
}
.page1 .right{
    color:white;
    width:45%;
    display:flex;
    position : relative;
}
.page1 .right .big{
    height:90%;
    margin-top : auto;
    margin-bottom : auto;
}
.page1 .right .small{
    height : 40%;
}
.page1 .right .other{
    height : 40%;
    margin-top : auto;
}
.page1 .bottom{
    height : 20vh;
}
.swipe{
    padding : 0.5rem 1rem;
    border : 2px solid white;
    border-radius:50px;
    color:white;
    text-decoration:none;
    font-weight:bold;
}
.page2{
    display:flex;
    flex-direction:column;
}
.page2 .banner{
    width:100%;
    border-top:10px solid #e8e8e6;
    height : 35vh;
    background : url('../img/banner2.jpg')  !important;
    background-repeat:no-repeat  !important;
    background-position:center  !important;
    background-size:cover  !important;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.page2 .banner::before{
    content : "";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(255,255,255,0.4);
}
.page2 .banner .title-banner{
    position:absolute;
    width:100%;
    padding : 0.2rem;
    text-align:center;
    bottom:0;
    font-size:30px;
    font-weight:bold;
}
.cv{
    background:#e8e8e6;
}
.banner img{
    width : 130px;
    border-radius:100%;
    height : 130px;
    object-fit:cover;
    margin-bottom : 50px;
}
.content{
    width:80%;
    padding : 1rem;
    margin:auto;
    color:white;
}
.btn-circle{
    width:100%;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    padding : 1rem;
    border-radius:50px;
    border : 2px solid white;
    color:white;
    text-decoration:none;
}