@import url('https://fonts.googleapis.com/css2?family=Battambang:wght@100;300;400;700;900&family=Bungee+Outline&family=Bungee+Shade&display=swap');

body{
    margin:0;
    padding:0;
    font-family: 'Battambang', cursive;
}
/*
font-family: 'Battambang', cursive;
font-family: 'Bungee Outline', cursive;
font-family: 'Bungee Shade', cursive;
*/
.introduction{
    
    display:flex;
    flex-direction: column;
    align-items: center;
   justify-content: space-around; 
   height:110vh;
   margin-top:100px;
   margin-bottom: 300px;

}
.title{
    font-family: 'Bungee Shade', cursive;
    font-size: 64px; 
}

.title-description{
    padding:50px;
    background-color: white;
    font-size: 24px;
    max-width:600px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.title-description p{
    margin-top:50px;
}
.paragraph-btn{
    display:inline-block;
    width:100px;   
}
/*---------------------------------------------SECTION*/

.proyects{
    height:100vh;
    padding:50px;
}
.normal-title{
    font-family: 'Battambang', cursive;
    font-size:40px;
}
.interesting,.profile-title{
    font-family: 'Bungee Shade', cursive;
    font-size:54px;
}

.buttons{
    max-width: 300px;
    margin:auto;
    margin-top:100px;
    display:grid;
    grid-gap:50px;
    grid-template-columns: 1fr  1fr;
}
.buttons a{
    text-decoration: none;
}
.buttons .btn{
   background-color: #2CD3B5; 
   height:50px;
   border:none;
   display:flex;
   align-items: center;
   justify-content: center;
   border-radius:30px;
}
/*---------------------------------------------SECTION*/

.profile{
    height:100vh;
    display:flex;
    flex-direction: column;
    align-items: center;
    padding:100px;
}
.profile .btn{
    position:fixed;
    top:5px;
    left:5px;
}
.profile-title{
    margin-bottom: 50px;
}
.profile .text{
    max-width: 600px;
    font-size: 20px;
}
.profile .text p{
    margin-bottom: 50px;
}
.hidden{
    opacity:0;
    transition: all 2s;
    
}
.show{
    opacity:1;
    

}