mirror of
https://github.com/arthur-pbty/portfolio2023.git
synced 2026-06-03 15:07:33 +02:00
Tutur33
1 line
3.6 KiB
CSS
1 line
3.6 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);*{font-family:Roboto,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{justify-content:space-around;margin:auto;max-width:2500px}.fixed-navbar{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-bottom:1px solid #535353;justify-content:space-between;left:0;padding:0 50px;position:fixed;top:0;width:calc(100% - 100px);z-index:999}.fixed-navbar,.fixed-navbar ul{align-items:center;display:flex}.fixed-navbar ul{height:70px;list-style:none}.fixed-navbar li{color:#535353;font-weight:700;margin:0 10px}.fixed-navbar a{color:#535353;padding:5px 15px;text-decoration:none}.fixed-navbar a:hover{border:1px solid #535353;border-radius:5px;padding:5px 14px}.mini-nav{align-items:center;backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-bottom:1px solid #535353;display:none;height:70px;left:0;padding:0 50px;position:fixed;top:0;width:calc(100% - 100px);z-index:999}.mini-nav img{height:30px;text-align:center;width:30px}.depli-nav{background:none;border:none;cursor:pointer}main,section{margin:100px}h1{font-size:40px;margin-bottom:30px}h1,h2{font-weight:700}h2{font-size:28px;margin-bottom:10px}.barre-verticale{border-left:5px solid #5e5e5e;margin-bottom:10px;padding-left:15px}.citation{color:#3d3d3d;font-style:italic}.citation-auth{color:#3d3d3d;margin-bottom:40px}main{display:flex}.main-left{margin-right:40px}.main-right{margin-left:40px;min-width:40%}.div-lien div{align-items:center;background-color:#d8d8d8;border-radius:5px;color:#555;cursor:pointer;display:flex;flex-direction:row;font-weight:700;margin:5px 0;padding:20px 40px;text-align:left;text-decoration:none}.div-lien div:hover{background-color:#b1b1b1}.div-lien a{text-decoration:none}.div-lien img{padding-right:15px;width:50px}@media (max-width:800px){.main-right{display:none}main,section{margin:20px}.fixed-navbar{display:none;flex-direction:column;margin-top:70px}.mini-nav{display:flex}h1{margin-top:80px}.mini-nav{justify-content:space-between}#nav a{padding:5px 15px}#nav a:hover{padding:5px 14px}#nav ul{display:flex;justify-content:space-between;width:300px}.nav-dark{background-color:#1c1c1e}.nav-light{background-color:#fefefe}}@media (max-width:940px){.fixed-navbar li{margin:0}.fixed-navbar a{padding:5px}}.pp{border-radius:50%;margin:auto;max-width:500px;width:100%}.formContact{background-color:#ffffff28;border:1px solid #ddd;border-radius:5px;margin:0 auto;padding:20px;width:60%}.formContact label{display:block;margin-top:10px}.formContact input[type=email],.formContact input[type=text],.formContact textarea{border:1px solid #ddd;border-radius:5px;margin-top:5px;max-width:calc(100% - 20px);min-width:calc(100% - 20px);padding:10px;width:calc(100% - 20px)}.formContact input[type=submit]{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.formContact input[type=submit]:hover{background-color:#555}.all_projects{display:flex;flex-wrap:wrap;justify-content:center}.all_projects div{border:2px solid #000;border-radius:10px;height:300px;margin:10px;transition:transform .3s;width:300px}.all_projects div:hover{transform:scale(1.2)}.all_projects img{border-radius:7px;height:100%;width:100%}.btn_theme{background-color:hsla(0,0%,100%,0);border:none;color:#535353;cursor:pointer;display:flex;font-weight:700;padding:5px 15px;text-transform:uppercase}.btn_theme:hover{border:1px solid #535353;border-radius:5px;padding:4px 14px}#text{margin:0 0 0 8px}.dark-mode-theme{background-color:#1c1c1e;color:#fefefe}.dark-mode-theme .fixed-navbar a,.dark-mode-theme .fixed-navbar li,.dark-mode-theme .fixed-navbar ul{color:#b1b1b1} |