.portfolio_page{width:100%;min-height:100vh;background:#0f0c29;background:linear-gradient(90deg,#24243e,#302b63,#0f0c29)}.portfolio_page .navbar_container{width:100%;height:13vh;background-color:#000;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:3% 5%}.portfolio_page .navbar_container .navbar_brand_area{display:flex;justify-content:flex-start;align-items:center}.portfolio_page .navbar_container .navbar_brand_area img{margin-right:20px}.portfolio_page .navbar_container .navbar_brand_area span,.portfolio_page .navbar_container .navbar_tabs_area .navbar_tabs_inner{font-size:20px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.portfolio_page .navbar_container .navbar_tabs_area .navbar_tabs_inner{display:flex;justify-content:flex-end;align-items:center}.portfolio_page .navbar_container .navbar_tabs_area .navbar_tabs_inner span{margin-left:25px;cursor:pointer}.portfolio_page .navbar_container .navbar_tabs_area .navbar_tabs_inner span:hover{text-decoration:underline}.portfolio_page .hero_container{width:100%;height:87vh;padding:3% 6%;display:flex;justify-content:space-between;align-items:center}.portfolio_page .hero_container .main_info_area{width:50%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.portfolio_page .hero_container .main_info_area h3{font-size:40px;color:#fff}.portfolio_page .hero_container .main_info_area h1{font-size:60px;color:#d9d6ff}.portfolio_page .hero_container .main_info_area p{font-size:20px;color:#fff;width:75%}.portfolio_page .hero_container .main_info_area .redirect_links{margin-top:4%}.portfolio_page .hero_container .main_info_area .redirect_links button{display:flex;justify-content:space-between;align-items:center;background:none;border:1px solid #766af7;color:#766af7;padding:2% 5%;border-radius:20px;font-size:20px;cursor:pointer}.portfolio_page .hero_container .main_info_area .redirect_links button svg{margin-left:5px}.portfolio_page .hero_container .my_photo_area{width:50%;display:flex;justify-content:center;align-items:center}.portfolio_page .hero_container .my_photo_area .my_photo_inner{width:302px;height:402px;background-color:aqua;border:1px solid #766af7;border-radius:5px;overflow:hidden;transform:rotate(5deg);transition:all .5s ease-in-out 0s}.portfolio_page .hero_container .my_photo_area .my_photo_inner:hover{transform:rotate(0deg);border:3px solid #766af7}.portfolio_page .my_skills_container{width:100%;background-color:#000;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3% 5%}.portfolio_page .my_skills_container h1{font-size:60px;color:#d9d6ff}.portfolio_page .my_skills_container p{font-size:20px;width:50%;text-align:center;margin-top:1%}.portfolio_page .my_skills_container .my_skills_list{width:80%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:4%}.portfolio_page .my_skills_container .my_skills_list .my_skill{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5%}.portfolio_page .my_skills_container .my_skills_list .my_skill .skill_card{width:180px;height:200px;background:#302b63;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.portfolio_page .my_skills_container .my_skills_list .my_skill .skill_card img{margin-bottom:6%}.portfolio_page .my_skills_container .my_skills_list .my_skill .skill_card span{font-size:25px;font-weight:700}.portfolio_page .my_skills_container .my_skills_list .my_skill .skill_name{width:auto;font-size:20px;margin-top:10%}.portfolio_page .projects_area{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;padding:3% 5%;color:#fff}.portfolio_page .projects_area h1{font-size:60px;color:#d9d6ff}.portfolio_page .projects_area p{font-size:20px;width:50%;text-align:center;margin-top:1%}.portfolio_page .projects_area .projects_list{margin-top:3%;display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:wrap}.portfolio_page .projects_area .projects_list .single_project{width:400px;height:400px;background-color:#7fffd4;margin-bottom:3%;background:url(/_next/static/media/project1.77a444ab.jpg);background-size:contain;border-radius:15px;padding:2%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer}.portfolio_page .projects_area .projects_list .single_project .project_tag_list{width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.portfolio_page .projects_area .projects_list .single_project .project_tag_list span{background-color:#2a1454;padding:2% 4%;margin-right:5px;border-radius:20px}.portfolio_page .projects_area .projects_list .single_project .project_info{background-color:#2a1454;width:100%;padding:5%;border-radius:10px}.portfolio_page .projects_area .projects_list .single_project .project_info p{width:auto;text-align:left;font-size:20px;color:#766af7}.portfolio_page .projects_area .projects_list .single_project .project_info h3{font-size:30px}