portfolio

style.css

@@ -449,21 +449,123 @@ span img {
     text-align: center;
     font-size: 13px;
     font-weight: 500;
-    padding: 20px 0;
+    margin-top: 20px;
 }
 .feedback_form {
+    margin: 80px auto;
+    width: 600px;
 }
 .feedback_inline {
+    display: flex;
+    justify-content: space-between;
 }
 .feedback_name {
+    width: 50%;
 }
 .feedback_label {
+    color: #4F4F4F;
+    font-size: 14px;
+    font-weight: 500;
 }
 .feedback_input {
+    display: block;
+    background-color: #2C2420;
+    border-radius: 9px;
+    border: 0.6px solid #CECECE;
+    width: 90%;
+    padding: 15px 10px;
+    color: #fff;
+    margin-top: 7px;
+    margin-bottom: 20px;
 }
 .one-line {
+    display: block;
+    background-color: #2C2420;
+    border-radius: 9px;
+    border: 0.6px solid #CECECE;
+    width: 95%;
+    padding: 15px 10px;
+    color: #fff;
+    margin-top: 7px;
+    margin-bottom: 20px;
 }
 .feedback_btn {
+    float: right;
+    margin-right: 30px;
+    background: none;
+    background-color: #DC7000;
+    border-radius: 10px;
+    padding: 15px 30px;
+    transition: all 500ms  ease;
+}
+.feedback_btn:hover {
+    transform: none;
+    background-color: #b01414;
+}
+textarea {
+    resize: none;
+    height: 200px;
+}
+
+/* ------------------------------------PORTFOLIO-ROW--------------------------------------- */
+
+.container {
+}
+.portfolio {
+    padding: 70px 0;
+}
+.portfolio_h1 {
+    text-align: center;
+    font-size: 33px;
+    font-weight: 900;
+}
+.portfolio_p {
+    text-align: center;
+    font-size: 16px;
+    font-weight: 500;
+    padding: 30px 0;
+}
+.portfolio_row {
+    display: flex;
+    justify-content: space-between;
+    background-color: #1C140F;
+    border-radius: 10px;
+    padding: 30px;
+    margin-top: 30px;
+}
+.portfolio_item {
+    padding: 30px 0;
+    width: 30%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.portfolio_item_border {
+    border-right: 1px solid #fff;
+    border-left: 1px solid #fff;
+    width: 35%;
+}
+.portfolio_svg {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    border-radius: 50%;
+    padding: 12px;
+    width: 55px;
+    height: 55px;
+    margin-right: 40px;
+}
+
+.portfolio_span {
+    display: block;
+    text-align: left;
+    font-size: 25px;
+    font-weight: 700;
+    margin-bottom: 15px;
+}
+.portfolio_p span {
+    font-size: 20px;
 }
 
 /* -----------------------------------FOOTER------------------------------------------ */