arthur/arthurdanjou.fr
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/arthurdanjou.fr.git synced 2026-01-31 20:17:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit 🚀

Browse Source
This commit is contained in:
Arthur Danjou
2020-05-07 22:04:46 +02:00
commit c630b95b1c
36 changed files with 16196 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
components/Home/process/process.scss Normal file
View File

@@ -0,0 +1,94 @@
#process {
height: 90vh;
width: 100%;
background-color: #1c1c1c;
color: rgba(255, 255, 255, 0.3);
@media screen and (max-width: 700px) {
height: 130vh;
}
.process-container {
width: 100%;
height: 90vh;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
flex-direction: row;
@media screen and (max-width: 700px) {
height: 130vh;
padding: 10px;
flex-direction: column;
text-align: center;
}
.process-left {
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-self: center;
@media screen and (max-width: 700px) {
width: 100%;
height: 130vh;
}
.processus {
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-self: center;
padding-bottom: 30px;
.color {
color: #fcd9ff;
}
h1 {
color: white;
font-size: 1.5rem;
align-self: center;
&:after {
margin: 7px auto;
width: 40px;
height: 2px;
display: block;
content: "";
background-color: #ff00f2;
}
}
p {
align-self: center;
text-align: justify;
font-size: 1.2rem;
}
}
}
.process-right {
width: 50%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-self: center;
@media screen and (max-width: 700px) {
display: none;
}
img {
margin: 0 auto;
width: 65%;
}
}
}
}