mirror of
https://github.com/arthur-pbty/portfolio2023.git
synced 2026-06-03 15:07:33 +02:00
Tutur33
1 line
2.1 KiB
CSS
1 line
2.1 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);.btn{align-items:center;background-color:#222;background-image:url("data:image/svg+xml;utf8,<?xml%20version=%221.0%22%20encoding=%22utf-8%22?%3E%3Csvg%20version=%221.1%22%20id=%22Livello_1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%221296px%22%20height=%22768px%22%20viewBox=%220%200%201296%20768%22%20enable-background=%22new%200%200%201296%20768%22%20xml:space=%22preserve%22%3E%3Cg%3E%3Cpolygon%20fill=%22#8694D1%22%20points=%22766.6,1.2%20-0.2,768%20200.7,768%20967.5,1.2%20%22/%3E%3C/g%3E%3Cg%3E%3Cpolygon%20fill=%22#8694D1%22%20points=%221094.8,1.2%20328,768%20528.9,768%201295.7,1.2%20%22/%3E%3C/g%3E%3C/svg%3E");background-position:-200px;background-repeat:no-repeat;background-size:contain;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#fff;display:flex;font-family:Inter,sans-serif;font-size:1em;font-weight:700;padding:4px;text-decoration:none;text-transform:uppercase;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),background-position .8s cubic-bezier(.68,-.55,.265,1.55),box-shadow .5s linear}.btn:hover{background-position:-60px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transform:scale(1.04)}.btn:active{background-position:500px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transform:scale(.5)}.txt_lien{padding-right:48px;text-align:center;width:100%}*{margin:0;padding:0;scroll-behavior:smooth}body{background-color:#000}section{-webkit-box-pack:justify;display:flex;flex-direction:column;justify-content:space-between}div{padding:8px}.accueil{-webkit-box-align:center;align-items:center;padding:64px 16px 32px}.profil_img{border-radius:50%;height:100px;width:100px}h1{color:#fff;font-size:20px;margin-left:12px;margin-right:12px;margin-top:15px;max-width:100%}h1,h2{font-family:Inter,sans-serif;font-weight:900}h2{color:hsla(0,0%,100%,.6);font-size:16px;margin-top:8px;padding-left:40px;padding-right:40px}.liste_btn{margin:0 auto;max-width:680px}.lien_img{border-radius:9px;height:48px;width:48px} |