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

*{
    font-family: 'Poppins', sans-serif;
}

.navbar{
    width:100%;
    position:fixed;
    top:0;
    transition:top 0.3s;
    box-shadow: 0px 2px 15px 2px #ff9c9a;
}

.nav-link{
    color:#ff9c9a;
    letter-spacing:2px;
    font-weight:bold;
    font-size:20px;
}

a, a:focus, a:active, a:hover, button:focus{
    border:0;
    outline:none;
    text-decoration:none;
}

.navbar-brand,title{
    color:#ff9c9a;
    letter-spacing:3px;
}

.nav-link:hover,.navbar-brand:hover,title:hover,h2:hover{
    color:#ff8481;
}

.hey{
    font-size:350%;
    font-weight:bold;
    font-style:italic;
    color:#ffffff;
    text-align:center;
    padding-top:200px;
}

.cover{
    width:100%;
    height:500px;
}

h2{
    font-size:150%;
}

h2, h3{
    font-weight:bold;
    color:#ff9c9a;
}

h3.title{
    padding-top:35px;
    padding-bottom:30px;
    letter-spacing:3px;
    width:100%;
    float:left;
}

p{
    color:#5f5f5f;
    font-weight:550;
    font-size:17px;
    margin-bottom:20px;
    line-height:2;
}

p.cap{
    margin-bottom:15px;
}


h5{
    font-weight:bold;
}

.uw{
    float:left;
    width:55%;
    padding-right:17px;
}

.uts{
    float:left;
    width:45%;
    padding-left:20px;
}

.column50{
    float:left;
    width:50%;
}

.pic{
    border-radius:30px;
}

.img-center{
    margin-top:3%;
    margin-right:20%;
    float:right;
}

.column25{
    float:left;
    width:25%;
}

button{
    background-color:#5f5f5f;
    border:none;
    width:70px;
    height:70px;
    font-size:35px;
    color:#ffffff;
    border-radius:100%;
}

button:hover{
    background-color:#ff9c9a;
}

.project{
    color:black;
    font-weight:bold;
    font-size:200%;
    text-decoration:none;
}

.project:hover{
    color:#575757;
    font-style:italic;
}

p.contacts{
    padding-left:37px;
    margin-bottom:-15px;
    text-align:left;
    width:95%;
}

.back{
    color:white;
    letter-spacing:1px;
}

.back:hover{
    color:white;
    font-style:italic;
}

a.site{
    color:#ff9c9a;
    font-weight:500;
}

a.site:hover{
    color:#ff8481;
    font-style:italic;
}