#portfolio #contact {
    display: flex;
    justify-content: center;
    align-items: center;

    .content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    form {
        width: 95%;
        border: .5vmin solid #2F2F2F;
        background-color: #535456;
        margin: 1% 0;

        > div {
            padding: 1% 2%;
            border-top: .5vmin solid #666666;
            border-bottom: .5vmin solid #404143;
        }

        div:not(.btns) {
            display: flex;
            flex-direction: column;

            label span { font-size: 3.5vmin; }

            input, textarea {
                background-color: #3F4042;
                border: .5vmin solid #303032;
                font-size: 3.5vmin;
                caret-color: #658A56;
                padding: .5% 1%;
            }

            input::placeholder, textarea::placeholder { color: #CECFD1; }
            input:focus, textarea:focus { outline: none; }
            input:focus::placeholder, textarea:focus::placeholder { visibility: hidden; }
        }

        .btns {
            display: flex;
            justify-content: space-between;
            align-items: center;

            button {
                border: .5vmin solid #303030;
                width: 47.5%;
                height: 9vmin;
                cursor: pointer;
                span { 
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    font-size: 5vmin; 
                }
            }
            
            [type="reset"] {
                background-color: #DBDCE0;
                
                span {
                    color: #2F3032;
                    border-top: .5vmin solid #E7E7E9;
                    border-left: .5vmin solid #E6E7E9;
                    border-bottom: .5vmin solid #E3E3E5;
                    border-right: .5vmin solid #E2E2E4;
                }
            }

            [type="submit"] {
                background-color: #45962F;

                span {
                    border-top: .5vmin solid #70B25A;
                    border-left: .5vmin solid #6FB05C;
                    border-bottom: .5vmin solid #59A445;
                    border-right: .5vmin solid #59A447;
                }
            }

            [type="reset"]:hover {
                background-color: #C8C9CD;

                span {
                    border-top-color: #E6E8E7;
                    border-left-color: #E6E8E7;
                    border-bottom-color: #E3E3E5;
                    border-right-color: #E2E2E4;
                }
            }

            [type="submit"]:hover {
                background-color: #317222; 

                span {
                    border-top-color: #91B589;
                    border-left-color: #8EB886;
                    border-bottom-color: #78A46F;
                    border-right-color: #76A66B;
                }
            }
        }
    }
}